Адаптивно-резиновый одностраничный сайт и таймер на JS (Тестовое задание для amoCRM).
Тестовоге задание №1 (Адаптивный сайт). Реализованные особенности:
- страница поддерживает отображение на устройствах с разрешением до 320x320 px.
- адаптивность реализована с помощью @MEDIA, FLEX и GRID (с изменениями размера шрифта, промежутков, содержимого и позиций в GRID).
- ховеры всех потенциально нажимаемых элементов.
- анимация фона.
Скриншоты тестового задания №1:
Тестовоге задание №2 (таймер на JS). Реализованные особенности:
- валидация введённой строки регулярным выражением (только числа) с визуализацией.
- без подтвержденной валидации INPUT кнопка START ничего не делает.
- изменение таймера реализовано с помощью "setTimeout", а не "setInterval", что повышает точность отсчёта.
- ID таймера записывается в HTML элемент, что позволяет считывать и обнулять его при необходимости.
- новый таймер можно запускать без предварительной остановки предыдущего.
Визуализация тестового задания №2:
