Remarque

Tous les défis peuvent sembler cassés par défaut car ils contiennent des sections vides où vous devez entrer le code nécessaire. Une fois que vous avez correctement rempli ces sections vides, le code complété sera affiché sur la page en direct.

De plus, chaque défi propose deux boutons : Indice et Solution. Cliquer sur Indice fournit de petits indices pour le défi actuel, tandis que sélectionner le bouton Solution ouvre un nouvel onglet avec le défi complété.

Comment travailler avec Code Sandbox

Tâche : Créer une Carte Produit

Créez la carte produit et rendez-la dans le DOM. La carte produit doit contenir :

1. L'image du produit (élément img ).

   • L'attribut src doit être égal à la variable imageUrl .

   • L'attribut alt doit être égal à la chaîne Computer .

   • L'attribut width doit être égal à 256 .

2. Le titre du produit (élément h3 ).

   • Son contenu textuel doit être Computer .

3. Le prix du produit (élément span ).

   • Son contenu textuel doit être Price: $129.99 .

4. La description du produit (élément p ).

   • Son contenu textuel doit être New Model .

1. L'attribut src doit contenir la variable imageUrl comme valeur. Utilisez des accolades {} .

2. L'attribut alt doit contenir la chaîne "Computer" comme valeur. Enclosez-le entre guillemets doubles.

3. L'attribut width doit contenir le nombre 256 comme valeur. Utilisez des accolades {} .

4. Assurez-vous que les éléments h3 , span et p ont les valeurs correctes.