Scribd
Importer
36 vues1 page

Controle 1 V2

Transféré par

j04744097
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
36 vues1 page

Controle 1 V2

Transféré par

j04744097
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

OFFICE DE LA FORMATION PROFESSIONNELLE

ET DE LA PROMOTION DE TRAVAIL
Direction Régionale Centre Sud
DEVELOPPEMENT WEB FRONT END
Contrôle1 2023 /2024
Filière : Développement Digital - Option Web Full Stack Groupe : B
Durée : 2H Barème: /20

Composant Header

Titre

App

Titre

On suppose qu‟on a un fichier [Link] contenant:


const categories=[“ordinateurs de bureau”, “Categorie X”…]
const articles=[
{ Code:101
Designation:PC TOSHIBA',
Prix:6500,
Catégorie : „X‟}, {
Code:102
Designation:'PC HP',
Prix:6300,
Catégorie : „X‟}]

1. Ecrire le composant Header :


2. Ecrire le composant Titre : (props :texte)
3. Ecrire le code du composant App :
a. La liste déroulante est pré-remplie par des catégories.
b. La sélection d‟une catégorie permet d‟afficher les articles en dessous sous forme d‟un tableau
c. Le clic sur les boutons „ajouter au panier „ : permet d‟ajouter l‟article au panier et les afficher en
dessous du tableau.
d. Donnez le code pour afficher le total des prix pour tous les articles au panier.
e. Ecrire le traitement du bouton supprimer
4. Ecrire le code d‟[Link] pour afficher la page en utilisant les composants précédents.

Formatrice : EL MAUDNI Page: 1 / 1

Vous aimerez peut-être aussi