/
Wasya106
/
ToDo_List_Basic_version
Обзор
Документация
Войти
/
Wasya106
/
ToDo_List_Basic_version
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
index.html
36 строк
1 KB
Yelisey
Refined UI design and fixed JS interactions
26 апр 2026, 06:59
26 апр 2026, 06:59
8cf8259
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Чистый ToDo: Архитектура</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <script src="script.js" defer></script> </head> <body> <main class="todo-container"> <h1>Список задач</h1> <div class="input-section"> <input type="text" id="new-task-input" placeholder="Введите новую задачу..."> <button id="add-task-button">Добавить</button> </div> <ul id="task-list"> <!-- Задачи будут добавляться сюда --> </ul> <div class="footer-section"> <div class="footer-actions"> <p id="tasks-counter">Осталось задач: 0</p> <button id="clear-completed" class="text-btn">Очистить выполненные</button> </div> <div class="filters"> <button class="filter-btn active" data-filter="all">Все</button> <button class="filter-btn" data-filter="active">Активные</button> <button class="filter-btn" data-filter="completed">Выполнено</button> </div> </div> </main> </body> </html>