Как сделать простую html-страницу. Урок 3. Кнопки и JavaScript. Часть 3.
00:00:00 Введение • Приветствие и начало урока по JavaScript. • Цель урока: научиться менять стиль элементов с помощью JavaScript. 00:00:31 Изменение цвета элемента • Использование функции `style` и её свойства `color`. • Пример изменения цвета элемента на тёмно-серый с помощью цвета `darkgray`. 00:01:18 Реализация функции • Создание кнопки для изменения стиля элемента. • Проверка работы функции при нажатии на кнопку. 00:02:54 Сохранение изменений • Сохранение файла и обновление страницы для просмотра изменений. • Подтверждение изменения цвета элемента. 00:03:57 Изменение фона элемента • Использование функции `background-color` для изменения фона элемента. • Проверка изменения фона элемента на тёмно-серый. 00:05:26 Создание второй кнопки • Копирование первой кнопки и изменение её функций. • Использование конструкции `if` для управления стилями элементов. 00:08:14 Применение конструкции `if` • Пример использования `if` для изменения цвета элемента в зависимости от значения свойства `background-color`. • Изменение цвета элемента на красный при условии, что значение свойства равно `1`. 00:11:48 Завершение • Подведение итогов урока. • Прощание и обещание продолжить изучение JavaScript.
00:00:00 Введение • Приветствие и начало урока по JavaScript. • Цель урока: научиться менять стиль элементов с помощью JavaScript. 00:00:31 Изменение цвета элемента • Использование функции `style` и её свойства `color`. • Пример изменения цвета элемента на тёмно-серый с помощью цвета `darkgray`. 00:01:18 Реализация функции • Создание кнопки для изменения стиля элемента. • Проверка работы функции при нажатии на кнопку. 00:02:54 Сохранение изменений • Сохранение файла и обновление страницы для просмотра изменений. • Подтверждение изменения цвета элемента. 00:03:57 Изменение фона элемента • Использование функции `background-color` для изменения фона элемента. • Проверка изменения фона элемента на тёмно-серый. 00:05:26 Создание второй кнопки • Копирование первой кнопки и изменение её функций. • Использование конструкции `if` для управления стилями элементов. 00:08:14 Применение конструкции `if` • Пример использования `if` для изменения цвета элемента в зависимости от значения свойства `background-color`. • Изменение цвета элемента на красный при условии, что значение свойства равно `1`. 00:11:48 Завершение • Подведение итогов урока. • Прощание и обещание продолжить изучение JavaScript.