2015-10-22
276
На странице выводится кнопка со словами "Нажми здесь!", при нажатии на которой появляется окно с вопросом и полем ввода. В зависимости от ответа выводятся различные сообщения.
Разбор сценария
Начнем с кнопки:
<FORM><INPUT TYPE="button" VALUE="Нажми здесь!" onClick="askuser()"></FORM>Здесь ничего нового, простая форма с кнопкой, которая запускает функцию askuser() (спросить пользователя) при нажатии кнопки.
Фрагмент сценария с функцией:
function askuser() { var answer=" " var statement="Отвечайте да или нет" var answer=prompt("Вы любите спорт?") if (answer == "да") {statement="Я тоже люблю спорт!"} if(answer == "нет") {statement="Я тоже ненавижу спорт!"} alert(statement) }Значение переменной answer (ответ) равно трем пробелам. Это пустое пространство будет заполнено тем ответом, который пользователь введет в поле ввода.
На те случаи, когда пользователь не отвечает "да" или "нет", создается переменная statement. Скоро будет понятно, зачем это нужно.
Затем переменная answer задается как результат запроса prompt. Теперь у нас две переменные под одним именем. Помните об этом.
|
|
|
Следом за if идет условие в (круглых скобках). Не забывайте о них.
В условии, которое состоит из того, что находится между скобок, используется не знак =, а знaк == (два знака равенства)! Одинарный знак = используется вне скобок.
Помните, строковые значения должны заключаться в кавычки. "да" и "нет" являются строками текста.
Процесс происходит следующим образом:
1. prompt предлагает ответить на вопрос;
2. проверяется введенное значение;
3. если ответ "да", появляется окно со словами: "Я тоже люблю спорт!"
4. если ответ "нет", появляется окно со словами: "Я тоже ненавижу спорт!"
5. если ответ ни тот, ни другой, переменная answer остается пустой и строка "Отвечайте да или нет" посылается в alert.
Помните, что JavaScript различает регистр символов. Tо есть, если написать "НЕТ" или "Нет", условие не будет выполнено! Чтобы условие было верно, необходимо ввести "нет". Исправить это можно, добавив еще несколько условий IF на все случаи жизни.
Задание
Перепишите программу так, чтобы она спрашивала пол пользователя. Пусть в зависимости от ответа меняется фоновый цвет страницы. Помните, что в JavaScript различаются строчные и заглавные буквы, так что будьте внимательны в своих условиях. Например:
if (answer == "М")If ввести "м", то условие не будет выполняться!
Возможное решение
<html> <head> <SCRIPT type="text/javascript"> function askuser() { answer=prompt("Вы мужчина (М) или женщина (Ж)?") if (answer == "Ж") {document.bgColor="pink"} if(answer == "М") {document.bgColor="lightblue"} } </script> </head> <body bgcolor="lightyellow"> <h1>Привет</h1> <form> <input type="button" value="Укажите свой пол" onClick="askuser()"> </form> </body </html>Необходимо изменить текст в нескольких местах, но основное для получения результата состоит в том, что ввод пользователя используется для изменения document.bgColor.
|
|
|
22. Урок: Операторы if/else:
Примеры работы с условиями.
Концепция
Этот второй пример с if включает случайное число, две функции и знакомство с If/Else.
Операторы If/Else (если/иначе) предоставляют дополнительный контроль над программой, позволяя принимать решение в обоих случаях: и когда условие выполнено, и когда не выполнено.
Сценарий
<HTML><HEAD><SCRIPT type="text/javascript"> function rand() {now=new Date(); num=(now.getSeconds())%10; num=num+1; } function guessnum() {guess=prompt("Угадай, какое?") if (eval(guess) == num) {alert("ПРАВИЛЬНО!!"); rand(); } else alert("Нет. Попробуй еще."); } </SCRIPT></HEAD><BODY onLoad="rand()"> <h1>Я загадал число от 1 до 10</h1> <FORM NAME="myform"> <INPUT TYPE="button" VALUE="Угадай" NAME="b1" onClick="guessnum()"> </FORM></BODY></HTML>
