Remarque

Tous les défis peuvent sembler défectueux par défaut, car ils contiennent des espaces vides où vous devez saisir le code nécessaire. Une fois ces espaces correctement complétés, le code final s'affichera sur la page en direct.

De plus, chaque défi propose deux boutons : Indice et Solution. Cliquer sur Indice fournit de petites indications pour le défi en cours, tandis que le bouton Solution ouvre un nouvel onglet avec le défi complété.

Comment utiliser Code Sandbox

Tâche : Création d'une carte produit

Créer la carte produit et l'afficher dans le DOM. La carte produit doit comporter :

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 de caractères 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. Utiliser des accolades {}.
2. L'attribut alt doit contenir la chaîne "Computer" comme valeur. L'entourer de guillemets doubles.
3. L'attribut width doit contenir le nombre 256 comme valeur. Utiliser des accolades {}.
4. Vérifier que les éléments h3, span et p ont les valeurs correctes.