HTML и CSS. Профессиональная вёрстка сайтов c 27 мая по 29 июля 2024По цене 22 900 ₽

Часть 4: Динамические стили элементов

15 заданий, 1 испытание и 1 конспект

Научимся менять стили элементов, используя свойство style и данные из полей ввода. Запрограммируем настройки цвета и размера текста на странице, добавим шкалу сложности пароля и возможность посмотреть пароль.

Оформить подписку
Свойство styleЗадание
Настраиваем цвет текстаЗадание
Получаем значение из поля с ползункомЗадание
Настраиваем размер текстаЗадание
Сравниваем onchange и oninputЗадание
Настраиваем цвет фонаЗадание
Свойство typeЗадание
Используем чекбокс, чтобы показать парольЗадание
Свойство checkedЗадание
Изменяем ширину полоскиЗадание
Привязываем ширину полоски к длине пароляЗадание
Сохраняем длину пароля в переменнойЗадание
Операторы сравненияЗадание
Конструкция else ifЗадание
Завершаем работу над страницей регистрацииЗадание
Конспект «Динамические стили элементов»Конспект
Испытание: Пиксель артИспытание