así que escribí este código que crearía una lista y luego le agregaría una entrada al hacer clic. realmente simple pero el problema es que no funciona y no tengo idea de por qué aquí está el código:
function pushing() { var li = document.createElement("li"); var inputValue = document.getElementById("inp").value; var pushchild = document.createTextNode(inputValue); li.appendChild(pushchild); } sub.addEventListener("click", pushing); el id inp es un id de entrada. gracias
Su elemento de lista nunca se agrega a un elemento de lista.
// Cache the elements, // add the button listener, // & focus on the input const list = document.querySelector('ul'); const input = document.querySelector('#inp'); const sub = document.querySelector('#sub'); sub.addEventListener('click', pushing); input.focus(); function pushing() { const li = document.createElement('li'); const text = document.createTextNode(input.value); li.appendChild(text); // Adding the list item to the list element list.appendChild(li); } <input id="inp" /> <button id="sub">Click</button> <ul></ul>Agregue esto a la última línea de su función. Agregue su elemento li recién creado al ul.
document.querySelectorAll('ul').appendChild(newCreatedLi);