Введение в тему 0:00 Приветствие и представление канала. Тема урока: создание туду листа на чистом JavaScript. Пример использования: список покупок с возможностью добавления, удаления и изменения элементов.
Подготовка к созданию туду листа 1:20 Необходимые знания: функции, DOM, классы, стили, массивы, константы. Важность понимания синтаксиса JavaScript.
Начало работы с HTML и CSS 4:16 Описание HTML-разметки: body, input, button, div, span. Настройка стилей для элементов.
Создание констант и обработчиков событий 5:42 Создание констант для элементов: input, button, result. Добавление обработчика событий для кнопки.
Создание DOM-дерева 8:39 Создание DOM-узлов для списка. Использование функции для создания и удаления элементов.
Обработка событий для кнопки 15:14 Добавление обработчика событий для кнопки. Удаление элементов из DOM-дерева.
Переключение активного класса 17:28 Переключение активного класса для элементов. Демонстрация работы с активным классом.
Подсчет элементов списка 18:45 Выводим общее количество списков. Используем переменную для подсчета элементов. При создании элемента увеличиваем переменную, при удалении уменьшаем. Перезаписываем переменную при каждом изменении списка.
Рендеринг удаленных элементов 19:45 При удалении элемента также перерисовываем его. Удаляем и зачеркиваем элементы из списка.
