Когда на сайте используются сложные веб-технологии, он содержит много инструментов и кнопок разного назначения. Часто бывает, что кнопка в данный момент не активная, то есть при щелчке на ней ничего не происходит. Так, например, в предыдущем задании при яркой картинке кнопка “Скрыть” активна, потому, что она в данный момент может скрыть картинку. Противоположная ей кнопка “Показать” не активна, потому что картинка и так в данный момент яркая и при щелчке на кнопке ничего не происходит. Чтобы пользователю было понятнее, неактивные в данный момент кнопки делают бледными, а активные — яркими..
В предыдущих заданиях по щелчку на кнопке менялся только один элемент: он сам или другой. Теперь по этому же щелчку должен меняться не только элемент, но и сама кнопка, и противоположная ей кнопка. В панели поведения появится три строчки с одинаковыми событиями, но обработчики будут настроены на разные элементы:
Задание 5
В предыдущем задании доработайте кнопки так, чтобы при щелчке на кнопке она бледнела до 20%, а противоположная кнопка становилась яркой.
Проанализируем задание. Кнопка по щелчку должна менять три элемента: параграф с текстом, саму себя и противоположную кнопку.