Решение испытания «Список задач — Условия и создание элементов» из курса «Знакомство с JavaScript» https://htmlacademy.ru/courses/347/run/16

script.js

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();
};

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 = '';
};

/*
1. Каждая задача в списке — это элемент li. При отправке формы (переменная form) новая задача добавляется в конец списка (переменная list).
2. Текст задачи берётся из поля ввода (переменная input).
3. Если у переключателя приоритета (переменная priority) есть класс is-important, то новой задаче также добавляется класс is-important.
4. Бонус: после того, как задача добавится в список, поле ввода можно очистить. Но можно не очищать. Подходят оба варианта.
*/