/
spirzen
/
it-code-examples
Обзор
Документация
Войти
/
spirzen
/
it-code-examples
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/html/php-507-156-032/main.html
48 строк
2 KB
Spirzen
Code migration pack
09 июн 2026, 01:41
09 июн 2026, 01:41
cebc284
Код
Авторство
О чём код?
<script> const taskList = document.getElementById('taskList'); const addTaskForm = document.getElementById('addTaskForm'); // Загрузка задач из localStorage let Задачи = JSON.parse(localStorage.getItem('Задачи')) || []; renderTasks(); function renderTasks() { taskList.innerHTML = ''; Задачи.forEach((task, index) => { const li = document.createElement('li'); li.innerHTML = ` <input type="checkbox" ${task.completed ? 'checked' : ''} Данные-index="${index}"> <span class="task-text ${task.completed ? 'completed' : ''}">${task.text}</span> <button class="delete-btn" Данные-index="${index}">×</button> `; taskList.appendChild(li); }); } addTaskForm.addEventListener('submit', function(e) { e.preventDefault(); const input = document.getElementById('newTask'); const text = input.value.trim(); if (text) { Задачи.push({ text, completed: false }); localStorage.setItem('Задачи', JSON.stringify(Задачи)); renderTasks(); input.value = ''; } }); taskList.addEventListener('click', function(e) { if (e.target.matches('input[type="checkbox"]')) { const index = e.target.dataset.index; Задачи[index].completed = e.target.checked; localStorage.setItem('Задачи', JSON.stringify(Задачи)); renderTasks(); } if (e.target.matches('.delete-btn')) { const index = e.target.dataset.index; Задачи.splice(index, 1); localStorage.setItem('Задачи', JSON.stringify(Задачи)); renderTasks(); } }); </script>