- •Методические указания по выполнению лабораторных работ
- •Задание
- •Часть вторая
- •Задание
- •Часть третья
- •Задание
- •Часть четвертая
- •Рассморим скрипт
- •Задание
- •Лабораторная работа № 2
- •Разбор скрипта
- •Задание
- •Команды и эффекты
- •Задание
- •Лабораторная работа № 3
- •Рассмотрим скрипт.
- •Разбор скрипта
- •События onMouseOut и onUnload
- •Разбор скрипта
- •Задание
- •Лабораторная работа № 4
- •Разбор скрипта
- •Продолжаем рассматривать работу с окнами. Скрипт
- •Разбор скрипта
- •Задание
- •Лабораторная работа № 5
- •Часть 1
- •Разбор скрипта
- •Часть 2
- •Разбор скрипта
- •Разбор скрипта
- •Задания Задание № 1
- •Задание № 2
- •Задание № 3
- •Лабораторная работа № 6
- •Скрипт:
- •Разбор скрипта
- •Разбор скрипта
- •Разбор скрипта
- •Задания Задание по первой части
- •Задание по второй части
- •Задание по третьей части
- •Начало формы
- •Конец формы
- •Часть вторая
- •Разбор скрипта
- •Часть третья
- •Разбор скрипта
- •Часть четвертая
- •Разбор скрипта
- •Случайное число
- •Лабораторная работа № 8
- •Разбор скрипта
- •Часть вторая
- •Разбор скрипта
- •Задания Задание к первой части
- •Задание ко второй части
Часть четвертая
Продолжаем рассматривать команду IF
Скрипт
<SCRIPT LANGUAGE="JavaScript"> var0="От пирогов не толстеют" var1="Кто ходит в гости по утрам" var2="До пятницы я совершенно свободен" now=new Date() num=(now.getSeconds() )%3 if (num == 0) {cliche=var0} if (num == 1) {cliche=var1} if (num == 2) {cliche=var2} document.write(cliche + "<br>") document.write("Случайная цифра: " + num) </SCRIPT> </BODY> </HTML>
Разбор скрипта
Начнем с цифры:
var0="От пирогов не толстеют" var1="Кто ходит в гости по утрам" var2="До пятницы я совершенно свободен" now=new Date() num=(now.getSeconds() )%3 document.write("Случайная цифра: " + num)
document.write должна располагаться на одной строке!
Мы создали три переменные. Это неизменяемые фрагменты текста, и потому заключены в двойные кавычки.
Следующий шаг: программа берет случайную цифру с помощью часов вашего компьютера. %3 указывает на то, что будет выбрана цифра между 0, 1 и 2. На этот раз мы не прибавляем к num единицу, так как нам подходит и 0.
Наконец команда document.write() говорит, что выбранная цифра будет показана на странице.
Теперь взглянем на другой фрагмент скрипта:
if (num == 0) {cliche=var0} if (num == 1) {cliche=var1} if (num == 2) {cliche=var2} document.write(cliche + "<br>") >
Помните, что условия после IF требуют двойного знака равенства ==.
Если условие верно, будет выполнена команда, заключенная в {фигурные скобки}. Возможны только три результата, поэтому мы написали три условия, чтобы одно из них оказалось верным.
Обратите внимание еще раз, что условие заключено в (круглые скобки), а результат в {фигурные}.
Наконец команда document.write(cliche) напишет на странице то изречение, которое было присвоено переменной cliche (см. начало скрипта).
ЗАДАНИЯ
Часть первая
Напишите программу JavaScript, в которой пользователь нажимал бы кнопку, а программа предлагала бы ему случайную цифру от 0 до 5 со словами: "Ваша случайная цифра: "х".
Случайное число
Начало формы
Конец формы
<script language="JavaScript"> function rand() { now=new Date() num=(now.getSeconds())%6 alert("Ваше случайное число " + num) } </script>
<form> <p><input type=" button" value="Показать случайное число от 0 до 5" onClick="rand()"> </p> </form>
Почему после знака % стоит 6, а не пять? Потому что на самом деле скрипт должен выбирать из шести чисел от нуля до пяти. Попробуйте поставить в скрипте %5, и он будет останавливаться на четверке. Все остальное понятно.
Часть вторая
Перепишите программу так, чтобы она спрашивала, какого вы пола. Пусть в зависимости от ответа меняется фоновый цвет страницы. Помните, что в JavaScript различаются строчные и заглавные буквы, так что будьте внимательны в своих условиях.
<script language="javascript"> function askuser() { var answer=prompt("Вы мужчина или женщина?") if ( answer == "женщина") {document.bgColor="FE92B5"} if(answer == "мужчина") {document.bgColor="70E4F1"} } </script>
<form> <input type="button" value="Поговорим о сексе" onClick="askuser()"> <form>
Часть третья
Измените сегодняшний скрипт так, чтобы при неверной догадке он сообщал пользователю, что он назвал слишком большое или слишком маленькое число.
Часть четвертаяСкрипт
<html> <head> <script language="JavaScript"> function rand() {now=new Date() num=(now.getSeconds())%10 num=num+1 } function guessnum() {guess=prompt("Угадай, какое?") if (eval(guess) == num) {alert("Точно!!!") } if(eval(guess) > num) {alert("Слишком много, жми еще.")} if(eval(guess) < num) {alert("Слишком мало, жми еще.")} } </script> <body bgcolor="white" onLoad="rand()"> <h2>Я загадал число от 1 до 10</h2> <form name="myform"> <input type="button" value="Угадай" name="b1" onClick="guessnum()"> </form> </body> </html>
Измените программу так, чтобы она показывала рисунок, выбранный наугад из трех: pic1.gif, pic2.gif и pic3.gif. <body bgcolor="хххххх"> <center> <h1>Моя домашняя страница</h1> <script language="JavaScript"> var1="pic1.gif" var2="pic2.gif"; var3="pic3.gif" now=new Date() num=(now.getSeconds() )%3 num=num+1 quot="'" document.write("Случайная цифра: " + num + "<br>") if (num == 1) {cliche=var1} if (num == 2) {cliche=var2} if (num == 3) {cliche=var3} document.write("<img src=" + quot + cliche + quot +">") </script> <p>Такое у меня сегодня настроение. </center> </body> </html>