Cet exercice vise à maîtriser l'utilisation des templates littéraux en JavaScript pour créer du contenu HTML dynamique à partir d'un tableau d'objets. Vous allez développer une galerie d'articles où chaque article affichera un titre, une image, une description, une catégorie, et une durée de lecture.
But : Apprendre à structurer des données en JavaScript à l'aide d'objets et de tableaux.
Concepts :
- Tableaux : Un tableau est une collection ordonnée de valeurs (ou éléments) en JavaScript. Chaque élément du tableau peut être de n'importe quel type, y compris un objet.
- Objets : Un objet est une collection de paires clé-valeur. Chaque clé (ou propriété) de l'objet est associée à une valeur spécifique.
Instructions :
- Créez un tableau nommé
articles. - Ce tableau doit contenir 5 objets, où chaque objet représente un article.
- Chaque objet doit avoir les propriétés suivantes :
titre(string) : le titre de l'article.image(string) : une URL vers une image représentant l'article.description(string) : une courte description de l'article.categorie(string) : la catégorie à laquelle appartient l'article.duree(string) : la durée estimée pour lire l'article.