5.13. Диалоговые элементы

В JavaScript поддерживается работа со следующими диалоговыми элементами интерфейса:

1.Alert. Применяется для уведомления пользователя, работающего с веб-браузером.

Синтаксис:

    alert("сообщение");

2.Confirm. Применяется для выбора пользователем одного из двух вариантов ответа "Да/Нет". Соответственно Confirm возвращает значение true/false.

Синтаксис:

    confirm("вопрос");

3.Prompt. Применяется для ввода пользователем значения. При нажатии "OK" возвращается введенное значение, в случае "Cancel" возвращается значение null.

Синтаксис:

    prompt("вопрос/запрос","значение по умолчанию");

Ниже приводится код веб-страницы, в которой пользователь имеет возможность выбрать цвет текста с помощью диалогового элемента

<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.