Новогоднее колесо фортуны невероятные подарки — от бесплатных курсов до крупных скидок

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

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

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

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