Pour cette étapes du projet, vous devrez faire afficher le contenu de vos chapitres dans votre mise en page.

Aperçu du résultat 👇

Requis

  1. Si votre objet “chaptersObj” ne correspond pas au format attendu, veuillez prendre un instant pour l'ajuster sinon vous rencontrerez des difficultés lors des prochaines étapes.

  2. Dans votre fonction intitulée: “goToChapter”, récupérez le titre et le texte de votre chapitre et affichez-les dans les éléments de votre page correspondant à votre sous-titre et votre zone de texte.

  3. Toujours dans la même fonction, récupérez l’image de votre chapitre, composez une chaîne de caractères correspondant à une balise image contenant son URL et insérez là à la place de l’image actuelle.

  4. Dans votre fonction intitulée: “goToChapter”, récupérez le tableau des “options” et bouclez sur chacune des entrées/objet à l’intérieur de celui-ci. À partir de ces informations, créez des boutons d’options avec les bons textes, populez leurs attributs onclick avec la valeur contenue dans la propriété “action” et insérez-les dans votre page.

    À partir de ce point, vous devriez être en mesure de naviguer dans votre histoire avec la console, mais aussi avec les boutons que vous venez de créer.

Remise

Cette étape est la partie 3.1 du projet. La remise s'effectuera de façon jumelée avec la partie 3.2.