Задача #2504 - Немного UX
При наборе номера желательно подсвечивать нажатую кнопку. При нажатии на любую кнопку в файле index.html ей на 500мс должен добавляться класс pressed. Это класс должен менять свойство background-color на #D5CFE1....
Задача #2505 - Светофор
Тебе дали доступ в управлению светофорами в городе. Задача, которую тебе нужно решить, это ручное управление ими. Для включения красного света - у элемента traffic-light должен быть второй класс stop....
Задача #2611 - Начальное значение
Нужно добавить обоим полям в документе начальные значения. У первого значение должно быть John, у второго - Doe. Эта задача — часть курса по Full-Stack JavaScript Ты можешь задать свой вопрос в комментариях под постом...
Задача #2612 - Вертикальная форма
Форма должна быть вертикальной. Для этого поля ввода должны стать блочными. Ширина каждого поля должна занимать 100% родительского элемента (тега form). Учти, что у формы есть padding. Также каждому полю ввода нужно добавить label с цветом текста #7A6174....
Задача #2613 - Все переплетено
Твой коллега все напутал с полями и подписями к ним. Все работает не так как надо. У радио кнопок должно быть только одно значение. Для этого используй имя developer. Также надо правильно привязать подписи к полям с помощью идентификаторов front, back и full....
Задача #2614, Этап #1 - На пути в Google
Сделаем простую копию поля ввода Google. За одно рассмотрим один из способов добавления иконок полям. Используй внутренние стили. Сразу после элемента div.header добавь тег form. Внутри форму должен быть один элемент - тег div с классом input-wrapper....
Задача #2614, Этап #2 - На пути в Google
Теперь поработаем над стилями нашего поля ввода. А начнем с его обертки. Давай сделаем div.input-wrapper flex-контейнером. Элемента должны располагаться в строку и по вертикали должны быть отцентрированы. Высота должна быть 44px; ширина - 484px; края скруглены в с радиусом 24px....
Задача #2614, Этап #3 - На пути в Google
Закончим стилизаций самого поля. У него надо убрать границы и убрать подсветку. Высота должна быть 34px, размер шрифта - 16px. Отступы добавим только горизонтальные - 8px. Поскольку это flex элемент, давай сделаем так, что бы он занимал все свободное пространство....
Задача #2621 - On focus
Скрипт работает не так как ожидается. Давай исправим. Когда элемент textarea получает фокус, первым в консоли должно появится сообщение form focused. После этого должно появится сообщение textarea focused. При этом функции обработчики должны сохранится....
Задача #2622 - Получаем значения
При нажатии на кнопку Generate greeting в консоли должно появится сообщение такого формата: Hello, *firstName* *lastName*!, где *firstName* значение первого поля, *lastName* - второго поля. После этого поля должны очиститься....