¿Alguien puede decirme qué está mal con mi código? Esto funciona para todos los demás elementos de la página, pero no para este, que es el padre de todos ellos.
let addButton = document.querySelector('.add-note'); addButton.addEventListener('click', (event) => { //prevent refresh event.preventDefault(); //note input value let noteInput = document.querySelector(".note-input"); //create note container let noteList = document.querySelector(".notes"); //create note let note = document.createElement("li"); note.classList.add("note"); noteList.appendChild(note); }); <div class="title"> <h1>To Do List</h1> </div> <br> <form> <div class="add-note"> <input class="note-input" type="text" placeholder="Enter to-do item here"></input> <button class="add" type="submit">+</button> </div> </form> <br> <ul className="notes" id="notes"></ul>¿Es este un proyecto React? className solo está disponible cuando se usa React.
<ul className="notes" id="notes"></ul>cambiar a
<ul class="notes" id="notes"></ul>Su pregunta no está clara, pero creo que parte de ella es que agregó el detector de eventos al div en lugar del botón de envío. Cambie la clase en su selector de consultas a ".add" en lugar de ".add-note".