¡Estoy tratando de hacer un botón que active el cambio del elemento <p> de Boing! a Bummtschak!
Cuando la página carga Bummtschak! se muestra, aunque no hice clic y no sucede nada en el siguiente evento de clic. No sé lo que estoy haciendo mal.
const para = document.querySelector("p"); const btn = document.getElementById("btn"); btn.addEventListener('click', backTo()); function backTo() { if (para.textContent == "Boing!") { para.textContent = "Bummtschak!"; }else{ para.textContent = "Bummtschak!"; } }el html es:
... <script src="script.js" defer></script> </head> <body> <button id="btn"></button> <p>Boing!</p> </body> </html>No debe tener el () en addEventListener
const para = document.querySelector("p"); const btn = document.getElementById("btn"); btn.addEventListener('click', backTo); function backTo() { if (para.textContent == "Boing!") { para.textContent = "Bummtschak!"; }else{ para.textContent = "Bummtschak!"; } } <button id="btn"></button> <p>Boing!</p>