В JavaScript поддерживается работа со следующими диалоговыми элементами интерфейса:
- Alert. Применяется для уведомления пользователя, работающего с веб-браузером.
- Confirm. Применяется для выбора пользователем одного из двух вариантов ответа "Да/Нет". Соответственно Confirm возвращает значение true/false.
- Prompt. Применяется для ввода пользователем значения. При нажатии "OK" возвращается введенное значение, в случае "Cancel" возвращается значение null.
Ниже приводится код веб-страницы, в которой пользователь имеет возможность выбрать цвет текста с помощью диалогового элемента
<html><body>// здесь будет отображаться текст<div id="c" style="color:blue">Вы выбрали цвет текста: черный</div> <script language="JavaScript">// пользователь выбирает цвет текста var tcolor = prompt("Выберите цвет текста: red, blue, green, yellow, black","black");// задается текст document.getElementById("c").innerHTML = "Вы выбрали цвет текста: " + tcolor;// задается цвет текста document.getElementById("c").style.color = tcolor; </script></body></html>Пример 6.6. (html, txt)
Порядок выполнения работы
Используя Microsoft Expression Studio 2 (или другой редактор), подготовьте на основе примеров 1-2, 4-6 соответствующие веб-страницы и просмотрите их с помощью веб-браузера.