Испытание: Список задач

мой код похож и тоже работает
вдруг пригодится

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.contains(‘is-important’)) {
priority.textContent = ‘Обычная задача’;
} else {
priority.textContent = ‘Важная задача’;
}
priority.classList.toggle(‘is-important’);
};

form.onsubmit = function (evt) {
evt.preventDefault();
let form = document.createElement(‘li’);

if (priority.classList.contains(‘is-important’)) {
form.classList.add(‘is-important’);
} else {
form.classList.remove(‘is-important’)
}

form.textContent = input.value;
list.append(form);
input.value = ‘’;
};

Добрый день, что я делаю не так?

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

Может кому то поможет

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’) //то оформляем нашу задачу как важную
}
newElement.textContent = input.value;//содержимое нашей задачи берем из поля ввода комментариев
input.value = ‘’; //очищаем поле ввода чтобы один коммент не улетел дважды
list.append(newElement); //добавляем наш коммент в конец списка

};

100%ное решение

Не понимаю в чём дело. При изменении важности новый элемент просто добавляется, но не изменяет цвет. В итоге пройден только 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 = ‘’;
};

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 = list;
newComment.textContent = input.value;
if (priority.classList.contains(‘is-important’)) {
newComment.classList.toggle(‘is-important’);
} else {
newComment.classList.remove(‘is-important’);
}
input.value = ‘’;
list.append(newComment);
};

100% решение

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 newComment = document.createElement('li');

   

    newComment.textContent = input.value;

   

    if (priority.classList.contains('is-important')) {

        newComment.classList.add('is-important');

    }

   

    input.value = '';

    list.append(newComment);

};

ТЕСТ ПРОЙДЕН! ЗАДАЧА ВЫПОЛНЕНА!

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 = 'Обычная задача';
  }
};

// обработчиk  отправки формы
form.onsubmit = function (evt) {
    evt.preventDefault();
  
  //1.1 создаем новую задачу (элемент li)
  let newTask = document.createElement('li');
  
  // 1.2.покажем элемент в разметке
  list.append(newTask);
  
  //2. добавим текс коммента из поля ввода input
  newTask.textContent = input.value;

//3. проверим статус кнопки (важная задача или обычная)
  if(priority.classList.contains('is-important')) {
    newTask.classList.add('is-important');
    }
}

//4. очистим поле ввода;

input.value = '';
  Напечатайте или вставьте сюда код
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 newTask = document.createElement('li');
  newTask.textContent = input.value;
    if (priority.textContent === 'Важная задача') {
      newTask.classList.add('is-important');
      }
      
  list.appendChild(newTask) ;
  input.value = '';
  
};

15/11/2022 - 100%.
Знаете, я только учусь, эта задачка заставила меня попотеть.
почему нельзя теорию было писать чуть более простым языком??? Особенно в части испытаний.

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 li = document.createElement('li');
 li.textContent = input.value;
 list.append(li);
 if (priority.classList.contains('is-important')) {
    li.classList.toggle('is-important'); 
 }  
  input.value = '';
};

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 newTask = document.createElement(‘li’);

newTask.textContent = input.value;
list.append(newTask);

if(priority.classList.contains(‘is-important’)) {
newTask.classList.add(‘is-important’);
}
}

input.value = ‘’;

что не так то?Ожидаемый результат вообще пустой