document.querySelector("#myBtn").onclick = function () { console.log("Clicked"); const h1 = document.querySelector("#myH1"); const underline = document.createElement("u"); underline.innerText = "Hey bro."; h1.innerText = ""; h1.append(underline); const p = document.querySelector(".myP"); p.forEach((element) => (element.innerText = "Thank You!!!!")); const btn = document.querySelector("button"); btn.remove(); }; p.forEach((element) => (element.innerText = "Thank You!")); Obtuve: Error TypeError p.forEach is not a function
querySelector devuelve solo 1 elemento. Use querySelectorAll para devolver una lista de elementos que coincidan con el selector dado.
El método de documento querySelector() devuelve el primer elemento dentro del documento que coincide con el selector especificado.
Podría usar getElementsByClassName en su lugar
var p = document.getElementsByClassName('myP"'); for (let i = 0; i < p.length; i++){ p[i].innerText = "Thank You!!!!"; }Primero, verifique que haya creado una consulta o no. Luego, la variable p no está definida dentro de la función. Use el selector de consulta all para devolver todos los elementos de la consulta.