Условия и создание элементов. Испытание: Список задач 16/16

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

Здравствуйте, прошёл главу про JavaScript.

Оцените код пожалуйста >.<

Код 
let list = document.querySelector('.todo-list');
let input = document.querySelector('.todo-input');
let form = document.querySelector('.todo-form');
let priority = document.querySelector('.todo-priority');


function isImportant() {
    return priority.classList.contains('is-important');
}

priority.onclick = function () {
  priority.classList.toggle('is-important');
  priority.textContent = isImportant() ? "Важная задача" : "Обычная задача";
  console.log(isImportant());
};

form.onsubmit = function (evt) {
  evt.preventDefault();
  
  let task = document.createElement('li');
  
  task.textContent = input.value;
  
  if (isImportant()) task.classList.add('is-important');

  list.append(task);
  input.value = '';
};
1 лайк
3

У меня вот так получилось, как то можно сократить (ну учитывая только знание глав по настоящую включительно, понятно, что спецы ща насоветуют чего я и в помине еще не изучал:slight_smile:
// ol
let list = document.querySelector(’.todo-list’);

// input
let input = document.querySelector(’.todo-input’);

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

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 task = document.createElement(‘li’);
task.textContent = input.value;
if (priority.classList.contains(‘is-important’)){
task.classList.add(‘is-important’);}
else {task.classList.remove(‘is-important’);}
list.append(task);
input.value=’’;
};
Почему выдает ошибку TypeError : list.append is not a function