Не понимаю в чём дело. При изменении важности новый элемент просто добавляется, но не изменяет цвет. В итоге пройден только 1 тест из 4.:
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 newElement = document.createElement(‘li’);
if (priority.classList.contains(‘is-important’)) {
newElement.classList.add(’.is-important’);
}
else {newElement.classList.remove(’.is-important’);
}
newElement.textContent = input.value;
list.append(newElement);
input.value = ‘’;
};