- Теория
- Теория
Первая программа: «Не надо стесняться»
Кексу понравилось, как вы справились с магазином сладостей. Он спешит дать вам новое задание. В этот раз надо написать код для магазина игрушек ручной работы. Вот точное ТЗ от Босса.
Мяу! Нужно запрограммировать взаимодействие с пользователем.
В разметке есть попап (класс
popup).Клик по кнопке «Показать подробности» (класс
button-show) должен вызвать показ окна на странице. У попапа должен появиться классpopup--open.Клик по крестику в теле попапа (класс
button-hide) должен спрятать окно со страницы. Для этого нужно удалить классpopup--openу попапа.Кроме этого, если окно на странице, а пользователь нажал клавишу ESC, попап тоже должен исчезнуть. Закрытие должно срабатывать только по этой клавише, нажатие на другие клавиши не должны влиять на положение всплывающего окна.
И не забывай, что кнопка «Показать подробности» свёрстана ссылкой. Не забудь отменить переход по этой ссылке.
Жду результата!
Когда будете готовы, нажмите Заказчик, принимай программу!, чтобы показать работу Кексу.
Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс «JavaScript. Профессиональная разработка веб-интерфейсов». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.