<!DOCTYPE html> <html> <head> <title>Learning About Nodes</title> </head> <body> <ul> <li>Hammerhead</li> <li>Tiger</li> <li>Great White</li> </ul> <button id="btn">Just do it</button> </body> </html> btnElement = document.getElementById("#btn"); if (btnElement) { btnElement.addEventlistener("click", justdoitFunction); } function justdoitFunction() { const ul2 = document.createElement("ul"); document.body.appendChild(ul); const listElement = document.createElement("li"); listElement.textContent = "This is done by Panda."; ul2.appendChild(listElement); }Estoy tratando de agregar un contenido de texto usando el botón solo hazlo. No veo cual es el error. La ayuda es muy apreciada.
He encontrado algunos errores de sintaxis, así que lo arreglé aquí:
const btnElement = document.getElementById("btn"); function justdoitFunction() { const ul = document.createElement("ul"); document.body.appendChild(ul); const listElement = document.createElement("li"); listElement.textContent = "This is done by Panda."; ul.appendChild(listElement); } if (btnElement) { btnElement.addEventListener("click", justdoitFunction); } Pero puedo ver que está tratando de insertar un elemento en una lista ul . En lugar de crear una nueva lista completa cada vez que haga clic en el botón, intente seleccionar la lista existente y agregue el elemento allí:
<!DOCTYPE html> <html> <head> <title>Learning About Nodes</title> </head> <body> <ul id="list"> <li>Hammerhead</li> <li>Tiger</li> <li>Great White</li> </ul> <button id="btn">Just do it</button> </body> </html> const btnElement = document.getElementById("btn"); function justdoitFunction() { const ul = document.getElementById("list"); const listElement = document.createElement("li"); listElement.textContent = "This is done by Panda."; ul.appendChild(listElement); } if (btnElement) { btnElement.addEventListener("click", justdoitFunction); }