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