Modifier le contenu

Objectif

Modifier le texte d'un élément HTML avec textContent.

Contexte

La propriété textContent permet de lire et modifier le texte :

const titre = document.querySelector("h1")

// Lire le contenu
console.log(titre.textContent)  // "Ancien titre"

// Modifier le contenu
titre.textContent = "Nouveau titre"

Lecture vs Écriture

// Lecture (récupérer la valeur)
let valeur = element.textContent

// Écriture (modifier la valeur)
element.textContent = "Nouvelle valeur"

Consigne

Modifie le textContent du titre avec la valeur "Nouveau contenu".

Résultat attendu :

• Le titre change de "Texte original" à "Nouveau contenu"
• La console affiche "Avant : Texte original" puis "Après : Nouveau contenu"