Привет! кто может помочь новичку? условие IF ELSE не работает
let list = document.querySelector('.todo-list');
let input = document.querySelector('.todo-input'); let form = document.querySelector('.todo-form'); let priority = document.querySelector('.todo-priority'); priority.onclick = function () { priority.classList.toggle('is-important'); if (priority.classList.contains('is-important')) { priority.textContent = 'Важная задача'; } else { priority.textContent = 'Обычная задача'; } }; form.onsubmit = function (evt) { evt.preventDefault(); let newComment = document.createElement('li'); newComment.classList.add('user-comment'); newComment.textContent = input.value; list.append(newComment); } /* 1. Каждая задача в списке — это элемент li. При отправке формы (переменная form) новая задача добавляется в конец списка (переменная list). 2. Текст задачи берётся из поля ввода (переменная input). 3. Если у переключателя приоритета (переменная priority) есть класс is-important, то новой задаче также добавляется класс is-important. 4. Бонус: после того, как задача добавится в список, поле ввода можно очистить. Но можно не очищать. Подходят оба варианта. */ |
Ксения1993,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Часовой пояс GMT +3, время: 02:27. |