Используя HTML-коды, создайте заголовок h1 с текстом “Привет!” и присвойте ему идентификатор. Напишите сценарий, который бы окрашивал его в коричневый цвет.
В предыдущем задании CSS-свойство изменялось при загрузке страницы, то есть автоматически без участия пользователя. Дадим возможность пользователю самому менять цвет элемента. Разместим на странице кнопку, при щелчке на которой меняется цвет параграфа:
<p id="цвет">Здесь должен быть красный текст.</p>
<input type="button" value="Изменить цвет" onclick="document.getElementById('цвет').style.color = '#ff00ff'"/>
|
Рис. 1. Изменение одного элемента с помощью другого
|
На рис. 1. показано, что в одном HTML-элементе задано поведение, благодаря которому изменяется другой HTML-элемент.