Испытание список задач.
Пишет что, синтаксическая ошибка на 7 строке (if priority.classList.toggle(‘is-important’) Но я совсем не понимаю что за ошибка, вроде бы верный код.
Код следующий:
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 () {
if priority.classList.toggle(‘is-important’);
priority.textContent = ‘важная задача’;
else priority.textContent = ‘обычная задача’;
};
form.onsubmit = function (evt) {
evt.preventDefault();
let newElement = document.createElement(‘li’);
if (priority.classList.contains(‘is-important’)) {
newElement.classList.add(‘is-important’)
};
newElement.textContent = input.value;
input.value = ‘’;
list.append(newElement);
};
if (priority.classList.toggle(is-important)) {
priority.textContent = `важная задача`;
} else priority.textContent = `обычная задача`;
ЗЫ. Для отправки кода на форум, используйте синтаксис Markdown:
```название языка
ваш код
```
Да, всё верно не соблюдён синтаксис условной конструкции. Подробно тема разбиралась в одном из предыдущих заданий главы — https://htmlacademy.ru/courses/347/run/5
Всем спасибо за ответы, я немного разобрался, но не до конца. Теперь не понимаю почему переключатель не работает. Обьясните пожалуйста.
let list = document.querySelector('.todo-list');
let input = document.querySelector('.todo-input');
let form = document.querySelector('.todo-form');
let priority = document.querySelector('.todo-priority');
if (priority.classList.toggle('is-important')) {
priority.textContent = 'важная задача';}
else {priority.textContent = 'обычная задача';}
form.onsubmit = function (evt) {
evt.preventDefault();
let newElement = document.createElement('li');
if (priority.classList.contains('is-important')) {
newElement.classList.add('is-important')
};
newElement.textContent = input.value;
input.value = '';
list.append(newElement);
};
Вы удалили из кода сам переключатель по клику — priority.onclick
. Также в условии нужно проверять наличие класса с помощью свойства contains
, а не toggle
.
Спасибо, значит это я слепой. Стоит нарисовать себе табличку)))
1 лайк