Создание интерактивного списка задач (todo list)

const taskInput = document.input__1("taskInput");
const addButton = document.getElementById(input__2);
const taskList = input__3.getElementById("taskList");

// Для проверки можешь вывести элементы в консоль (не обязательно)
console.log(taskInput, addButton, taskList);

const taskInput = document.getElementById("taskInput");
const addButton = document.getElementById("addButton");
const taskList = document.getElementById("taskList");

addButton.input__1("click", function() {
  const taskText = taskInput.input__2;

  // Создаем новый элемент списка
  const newTask = document.input__3("li");

  // Устанавливаем текст задачи
  newTask.input__4 = taskText;

  // Добавляем задачу в список
  taskList.input__5(newTask);

  // Очищаем поле ввода (добавим в следующем шаге)
  // taskInput.value = "";
});

const taskInput = document.getElementById("taskInput");
const addButton = document.getElementById("addButton");
const taskList = document.getElementById("taskList");

addButton.addEventListener("click", function() {
  const taskText = taskInput.value.input__1(); // Удаляем пробелы по краям

  // Проверяем, не пустая ли строка
  if (taskText input__2 "") {
    const newTask = document.createElement("li");
    newTask.textContent = taskText;
    taskList.appendChild(newTask);

    // Очищаем поле ввода
    taskInput.input__3 = input__4;
  }
});

const taskInput = document.getElementById("taskInput");
const addButton = document.getElementById("addButton");
const taskList = document.getElementById("taskList");

// Код добавления задачи (из предыдущего шага)
addButton.addEventListener("click", function() {
  const taskText = taskInput.value.trim();
  if (taskText !== "") {
    const newTask = document.createElement("li");
    newTask.textContent = taskText;
    taskList.appendChild(newTask);
    taskInput.value = "";
  }
});

// Обработчик для отметки выполнения
taskList.addEventListener(input__1, function(input__2) {
  // Проверяем, что клик был по элементу LI
  if (event.input__3.tagName === input__4) {
    // Переключаем класс 'completed'
    event.target.input__5.toggle("completed");
  }
});

const taskInput = document.getElementById("taskInput");
const addButton = document.getElementById("addButton");
const taskList = document.getElementById("taskList");

addButton.addEventListener("click", function() {
  const taskText = taskInput.value.trim();
  if (taskText !== "") {
    const newTask = document.createElement("li");
    newTask.textContent = taskText; // Устанавливаем основной текст задачи

    // Создаем кнопку удаления
    const deleteBtn = document.input__1("span"); 
    deleteBtn.textContent = input__2; // Текст кнопки
    deleteBtn.input__3.add(input__4); // Добавляем класс

    // Добавляем кнопку внутрь li
    newTask.input__5(deleteBtn);

    taskList.appendChild(newTask);
    taskInput.value = "";
  }
});

// Обработчик для отметки выполнения (оставляем из предыдущего шага)
taskList.addEventListener("click", function(event) {
  // Пока обрабатываем только клик по LI для выполнения
  if (event.target.tagName === "LI") {
     // Проверяем, чтобы клик не был по кнопке удаления внутри LI
     if (!event.target.querySelector('.delete-btn') || !event.target.querySelector('.delete-btn').contains(event.target)) {
        event.target.classList.toggle("completed");
     }
  }
});

const taskInput = document.getElementById("taskInput");
const addButton = document.getElementById("addButton");
const taskList = document.getElementById("taskList");

// Код добавления задачи с кнопкой удаления
addButton.addEventListener("click", function() {
  const taskText = taskInput.value.trim();
  if (taskText !== "") {
    const newTask = document.createElement("li");
    
    // Создаем span для текста задачи
    const taskTextSpan = document.createElement('span');
    taskTextSpan.textContent = taskText;
    newTask.appendChild(taskTextSpan);

    // Создаем кнопку удаления
    const deleteBtn = document.createElement("span"); 
    deleteBtn.textContent = " × "; 
    deleteBtn.classList.add("delete-btn");
    newTask.appendChild(deleteBtn);

    taskList.appendChild(newTask);
    taskInput.value = "";
  }
});

// Общий обработчик кликов на списке
taskList.addEventListener("click", function(event) {
  // Проверка клика по кнопке удаления
  if (event.target.input__1.input__2("delete-btn")) {
    const taskItem = event.target.input__3; // Получаем родительский LI
    taskItem.input__4(); // Удаляем LI
  }
  // Проверка клика по тексту задачи для выполнения (кликаем на SPAN внутри LI)
  else if (event.target.tagName === "SPAN" && !event.target.classList.contains("delete-btn")) {
     // Применяем класс к родительскому LI
     event.target.parentElement.classList.toggle("completed");
  }
});