• Страница 1 из 1
  • 1
Форум » I. JavaScript » Переменные » Реагирование переменной на действия пользователя (Работа с функцией prompt() для сбора информации)
Реагирование переменной на действия пользователя
1 Здесь мы рассмотрим простейший пример как на основе введённых данных пользователем формируется контент на веб-странице.
Использовать для сбора информации от пользователя мы будем функцию prompt().

В шапку страницы добавим скрипт:

Код
<script>
  var name = prompt('Как вас зовут?' , ' ');
</script>


В фигурных скобках мы видим две строки, одна с вопросом, другая т.н. пустая строка, которая создаёт пустое поле в диалоговом окне.
В данном случае функция prompt() создаёт всплывающее диалоговое окно при загрузке веб-страницы, в котором пользователь видит вопрос и пустое поле для ввода ответа



То, что пользователь введёт в пустом поле, сохранится в переменной name. Чтобы вывести на экран сохранённое в переменной name значение, воспользуемся методом document.write().
В теле страницы добавим код:

Код
<script>
  document.write('<p>Добро пожаловать, ' + name + '</p>');
</script>


Если теперь в диалоговом окне ввести, к примеру, Алексей, то на странице отобразится:

Цитата
Добро пожаловать, Алексей


Попробуйте сами, перейдите на демо-страницу.

Изменить / Удалить

Форум » I. JavaScript » Переменные » Реагирование переменной на действия пользователя (Работа с функцией prompt() для сбора информации)
  • Страница 1 из 1
  • 1
Поиск: