Ma solution

Question

// EXERCICE: AFFICHER / MASQUER
let btn = document.querySelector("button")
let para = document.querySelector('p')
let hidden = true
para.style.display = 'none'
btn.addEventListener('click',()=>{
if(hidden){
btn.textContent = "Cacher"
para.style.display = 'block'
hidden = false
}else{
btn.textContent = "Afficher"
para.style.display = 'none'
hidden = true
}
})

Louis-Nicolas Leuillet · Accepted Answer

Ton code est bien structuré, bravo ! La logique est claire et ça fonctionne.
Juste une petite suggestion pour aller plus loin : tu pourrais simplifier en inversant directement le booléen avec hidden = !hidden à la fin de ton bloc. Ça évite de répéter hidden = true et hidden = false dans chaque branche du if .
Du coup ça donnerait :
btn.addEventListener('click', () => {
if (hidden) {
btn.textContent = "Cacher"
para.style.display = 'block'
} else {
btn.textContent = "Afficher"
para.style.display = 'none'
}
hidden = !hidden
})
C'est un détail, mais c'est le genre de raccourci qu'on utilise souvent en JS. Continue comme ça !

Daniel Cephas Adié · Answer

Woouaaaah oohh. C'est une dingriiii. Merciii.

Ma solution

Formation JavaScript (legacy)