Chapitre 1 : Première page interactive
7 min de lectureReliez un bouton à un paragraphe : le texte change au clic, sans recharger la page. Vous lirez aussi la console si le script manque ou si une parenthèse est absente.
Hello, I am
Heritiana Antonio
Frond end Designer | Developer
Reliez un bouton à un paragraphe : le texte change au clic, sans recharger la page. Vous lirez aussi la console si le script manque ou si une parenthèse est absente.
Nommez un texte, un nombre et un booléen, puis choisissez la phrase affichée avec if. Vous verrez pourquoi « 3 » et 3 ne s’additionnent pas.
Donnez un nom à la phrase du bouton : la fonction reçoit le prénom et le nombre d’essais, puis renvoie le texte. Le clic l’appelle sans recopier le if.
Trois prénoms tiennent dans un tableau, l’essai courant dans un objet. Le clic lit cet objet, et phraseEssai renvoie la phrase qu’un second tableau garde.
Le script retrouve le paragraphe et le bouton dans le document. Vous lisez leur texte, vous le remplacez, et la console montre null si l’identifiant est faux.
La fonction du bouton attend le clic : au chargement, la phrase ne change pas. Vous lirez le type click, et l’identifiant action de l’élément cliqué.
Le script demande fiche.json, attend la réponse, puis affiche le titre et le texte. Si l’adresse ne répond pas, la fiche affiche « L’adresse ne répond pas. ».
La page charge seulement main.js. Trois fichiers se partagent la phrase, l’essai et la fiche, et la console ne trouve plus phraseEssai.