Сделаем простую копию поля ввода Google. За одно рассмотрим один из способов добавления иконок полям. Используй внутренние стили. Сразу после элемента div.header добавь тег form. Внутри форму должен быть один элемент - тег div с классом input-wrapper....
Теперь поработаем над стилями нашего поля ввода. А начнем с его обертки. Давай сделаем div.input-wrapper flex-контейнером. Элемента должны располагаться в строку и по вертикали должны быть отцентрированы. Высота должна быть 44px; ширина - 484px; края скруглены в с радиусом 24px....
Закончим стилизаций самого поля. У него надо убрать границы и убрать подсветку. Высота должна быть 34px, размер шрифта - 16px. Отступы добавим только горизонтальные - 8px. Поскольку это flex элемент, давай сделаем так, что бы он занимал все свободное пространство....
Скрипт работает не так как ожидается. Давай исправим. Когда элемент textarea получает фокус, первым в консоли должно появится сообщение form focused. После этого должно появится сообщение textarea focused. При этом функции обработчики должны сохранится....
При нажатии на кнопку Generate greeting в консоли должно появится сообщение такого формата: Hello, *firstName* *lastName*!, где *firstName* значение первого поля, *lastName* - второго поля. После этого поля должны очиститься....
Необходимо показать пользователю, когда введенных в форме данных достаточно. Если пользователь ввел больше 4х символов и в поле email, и в поле пароль - надо поменять задний фон кнопки на #90E39A....
Необходимо написать логику депозитного калькулятора. Нужно посчитать сколько процентов будет начислено за расчетный период и добавить их к начальной сумме. Для периодов 3 и 6 месяцев помни, что проценты вычисляются за год и за эти периоды будут меньше....
Попрактикуемся с 2d трансформацией элементом Эта задача — часть курса по Full-Stack JavaScript Ты можешь задать свой вопрос в комментариях под постом Если ты уже решил задачу, то не стесняйся помочь другим...
Сделаем из трех квадратов куб. В нашей проекции у куба нам будет видна верхняя сторона и повернут он будет на 45 градусов. Приступим к работе! Начнем с подготовки верхней стороны (элемент ....
Займемся теперь левой частью. Сначала повернем ее на 15 градусов по часовой стрелке. Потом точно также исказим на 15 градусов. Теперь осталось поставить ее на место - по горизонтальной оси она должна быть сдвинута на половину своей ширины....