To Do List на чистом JavaScript — без фреймворков и библиотек
To Do List на JavaScript
Делимся ниже готовым кодом, который поможет создать To Do List на HTML, CSS и JavaScript. html <div class="app-container" id="taskList"> <h1 class="app-header">TO DO LIST</h1> <div class="add-task"> <input type="text" autocomplete="off" placeholder="Add New Task" v-model="tasks.name" @keyup.enter="newItem" class="task-input"> <input type="submit" value="" class="submit-task" @click="newItem" title="Add Task"> </div> <ul class="task-list"> <li class="task-list-item" v-for="task in tasks"> <label class="task-list-item-label"> <input type="checkbox"> <span>{{task...
🎥 Предпросмотр: To Do List на чистом JavaScript — без фреймворков и библиотек React — круто. Но что, если всё сделать вручную? В этом видео я собираю полноценное приложение на ванильном JS: — верстаем To Do List с нуля — реализуем добавление, поиск, удаление задач — сохраняем всё в localStorage — анимируем удаление и считаем задачи — обсуждаем, в чём боль и зачем после этого идти в React ⚡ Отличная практика для тех, кто знает основы и хочет по-настоящему разобраться в JavaScript. Уже доступно на Boosty — на Дзен появится через неделю! А ещё подписка даёт доступ в закрытый ламповый Telegram-чат, где я лично отвечаю на вопросы и публикую инсайды канала. 🧡 Смотри раньше всех → https://boosty.to/friendly-frontend