#javascript
Вопрос:
Кто-нибудь может сказать мне, что не так с моим кодом? Это работает для всех остальных элементов на странице, но не для этого, который является родительским для всех них.
let addButton = document.querySelector('.add-note'); addButton.addEventListener('click', (event) =gt; { //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); }); lt;div class="title"gt; lt;h1gt;To Do Listlt;/h1gt; lt;/divgt; lt;brgt; lt;formgt; lt;div class="add-note"gt; lt;input class="note-input" type="text" placeholder="Enter to-do item here"gt;lt;/inputgt; lt;button class="add" type="submit"gt; lt;/buttongt; lt;/divgt; lt;/formgt; lt;brgt; lt;ul className="notes" id="notes"gt;lt;/ulgt; Ответ №1:
Это проект React? className доступен только при использовании React.
lt;ul className="notes" id="notes"gt;lt;/ulgt; изменить на
lt;ul class="notes" id="notes"gt;lt;/ulgt; Комментарии:
1. упс забыл это изменить, должно быть, пропустил. это был проект react, я в процессе изменения его обратно на ванильный проект javascript.
Ответ №2:
Ваш вопрос мне немного неясен, но я думаю, что отчасти это связано с тем, что вы добавили прослушиватель событий в div вместо кнопки «Отправить». Измените класс в селекторе запросов на «.add» вместо «.add-примечание».
Комментарии:
1. Спасибо вам за ваш ответ. Я просто имел в виду, что консоль выдавала ошибку в названии, и я хотел знать, почему 🙂