Cuando el usuario hace clic en el botón con el ID de generate-todo , quiero obtener el valor de la entrada con el ID de new-todo y almacenar el valor de entrada como el texto de un nuevo elemento de la lista y agregar ese nuevo elemento a la lista desordenada con la clase de todos . Esto es lo que he intentado hasta ahora, pero me falta algo.
let todo = document.querySelector('#generate-todo').addEventListener('click', function() { todo = document.querySelector('#new-todo').value; const create = document.createElement('li'); document.querySelector('.todos').append(create); }); <label for="new-todo">Add a new item to the list:</label> <input id="new-todo" type="text"> <button id="generate-todo">Add to the List!</button> <h1>List of things to do</h1> <ul class="todos"> </ul>esto debería ayudarte a empezar
document.getElementById('generate-todo').addEventListener('click', function() { let todo = document.getElementById('new-todo').value; const li = document.createElement('li'); li.innerText = todo; document.getElementById('todos').append(li); }); <label for="new-todo">Add a new item to the list:</label> <input id="new-todo" type="text"> <button id="generate-todo">Add to the List!</button> <h1>List of things to do</h1> <ul id="todos"> </ul>Te falta un . en el selector de todos .
document.querySelector(".todos").append(create)