Не работает код задачи

Курсы Условия и создание элементов
1

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 task = document.createElement(‘li’);
if (priority.classList.contains(‘is-important’));
{
task.classList.add(‘is-important’);
}

task.textContent = input.value;
input.value =’’;
list.append(task);

Почему, не работает переключатель классов, у переменной task, консоль всегда выдает true, все задачи создаются с пометкой важная, не переключается никаким образом, если добавить условие else { task.classList.remove(‘is-important’);} то вся страница улетает в ошибку.

2

Лишняя точка с запятой после условия if (priority.classList.contains('is-important'))

3

Это условие задачи,я не менял эту часть!

4

В исходном коде задания всё верно. Речь идёт об этой строке, её нет в исходном коде:

image
image.png1339×562 20.8 KB

5

Спасибо большое, я 6 часов не могу понять в чем проблема(((((

1 лайк
6

Бывает, что глаз замыливается, и в своём коде уже ничего не видно :wink:

7

День добрый. Мне кажется с проверкой что-то не так. Прохожу задание в Chrome.
Мой script такой:

Визуально и функционально все совпадает (нет разницы убирать input.value = ’ ', или нет), но при этом выдает, что все 4 проверки провалены. Что не так?

8

Сегодня посмотрел свежим взглядом и сразу же бросилась в глаза ошибка:) Удалил лишнюю строку и все сработало. Вопрос снимаю.

9

Код работает, а тест не проходит, в чем проблема?

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 task = document.createElement(‘li’);
task.classList.add(‘user-command’);
task.textContent = input.value;
list.append(task);
if (priority.classList.contains(‘is-important’)) {
task.classList.add(‘is-important’);
}
input.value = ‘’;
};

10

Откуда такой класс user-command? Попробуй без этой строки.

11

Добрый день, подскажите, плиз, что не так в коде. Не привязывается Важная задача, совсем (все обычные). Код:

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-importana’);
}
newElement.textContent = input.value;
list.append(newElement);
input.value = ‘’;
};

12

спасибо, не надо отвечать, сам нашёл ошибку))