Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Привет! кто может помочь новичку? условие IF ELSE не работает (https://javascript.ru/forum/dom-window/81719-privet-kto-mozhet-pomoch-novichku-uslovie-if-else-ne-rabotaet.html)

Ксения1993 17.01.2021 21:04

Привет! кто может помочь новичку? условие 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. Бонус: после того, как задача добавится в список, поле ввода можно очистить. Но можно не очищать. Подходят оба варианта.
*/

рони 17.01.2021 21:22

Ксения1993,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.


Часовой пояс GMT +3, время: 02:27.