Задание № 1
Перепишите скрипт в виде функции. Если хотите, поэкспериментируйте с делением. Пусть функция запускается командой оnLoad.
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function zd() {
var numsums = 12
alert("10 + 2 равно " + numsums)
var x = 10
alert("десять — это " + x)
var y = x * 2
alert("10 X 2 = " + y)
var z = "Привет " + "Пока"
alert(z)
}
</script>
<body onLoad="zd()">
</body>
</head>
</html>
Задание № 2
Cоздайте страницу HTML. В центре поместите заголовок, под ним рисунок. Если навести мышь на изображение, оно должно меняться на другое и восстанавливаться, когда курсор уходит.
<html>
<head>
</head>
<body>
<a href="http://beeline.ru" onMouseOver="document.pic1.src='a.GIF'" onMouseOut="document.pic1.src='b.GIF'">
<IMG SRC="b.gif" BORDER=0 NAME="pic1"></a>
</body>
</html>
Задание № 3
Переделайте задание № 2, создав две функции для смены картинки.
<html>
<head>
<SCRIPT LANGUAGE="javascript">
function up() {
document.pic1.src="a.GIF"
}
function down() {
document.pic1.src="b.GIF"
}
</SCRIPT
</head>
<body>
<a href="http://beeline.ru" onMouseOver="up()" onMouseOut="down()">
<IMG SRC="b.gif" BORDER=0 NAME="pic1"></a>
</body>
</html>
Лабораторная работа №6.
Задание по первой части
Перепишите скрипт так, чтобы, открываясь, страница просила пользователя ввести имя. При выборе цвета должно всплывать окно со словами «Эй, (имя)! Вы выбрали (цвет)...» Желаю успеха.
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function newcolor(color)
{
alert("Эй " + n + ". Вы выбрали цвет: " + color + ". Желаю успеха")
document.bgColor=color
}
var n = prompt("Введите свое имя","")
</SCRIPT>
</HEAD>
<BODY>
<p>Выбрать цвет фона</p>
<FORM>
<INPUT TYPE="button" VALUE="Голубой"
onClick="newcolor('lightblue')">
<INPUT TYPE="button" VALUE="Розовый"
onClick="newcolor('pink')">
<INPUT TYPE="button" VALUE="Вернуть"
onClick="newcolor('white')">
</FORM>
</BODY>
</HTML>
Задание по второй части
Измените скрипт так, чтобы он вызывал другую поисковую систему. И еще, пусть при подаче запроса выскакивает окошко с надписью «Сейчас поищем...»
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function Gofindit()
{
var search = document.formsearch.find.value;
{
var searchUrl = "http://www.google.ru/search?hl=ru&source=hp&biw=1152&bih=773&q=" + search + "&gbv=2&oq=" + search +"&aq=f&aqi=g10&aql=&gs_sm=e&gs_upl=1346l3469l0l3665l9l8l1l0l0l0l184l950l0.7l7l0";
location.href = searchUrl;}
alert('Сейчас поищем...')}
</SCRIPT>
</head>
<FORM NAME="formsearch">Найдите в Yahoo:
<INPUT NAME="find" SIZE="40" TYPE="text">
<INPUT TYPE="button" VALUE="Искать" onClick="Gofindit()">
</FORM>
</html>
Задание по третьей части
Составьте документ HTML с формой aform. В ней должно быть два текстовых поля, одно для геометрической фигуры, другое для цвета, и кнопка. Напишите функцию с переменной, которая содержит слова «Мне нравится ». Когда пользователь нажмет на кнопку, должно всплывать окно со следующей надписью:
Мне нравится геометрическая фигура такого-то цвета. (по результатам тех данных, которые пользователь вводит в форму)
Покажите длину (length) «фигуры».
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function Gofindit()
{
var f = document.aform.fig.value;
var c = document.aform.col.value;
var d = document.aform.fig.value.length;
alert("Мне нравится " + f + ", " + c + " цвета." )
alert("Длинна фигуры " + f +" равна: " + d)
}
</SCRIPT>
</head>
<FORM NAME="aform">
Какая фигура:
<INPUT NAME="fig" SIZE="40" TYPE="text"> <br>
Какого цвета:
<INPUT NAME="col" SIZE="40" TYPE="text"> <br>
<INPUT TYPE="button" VALUE="Показать" onClick="Gofindit()">
</FORM>
</html>
Лабораторная работа №7
ЗАДАНИЯ
Часть первая
Напишите программу JavaScript, в которой пользователь нажимал бы кнопку, а программа предлагала бы ему случайную цифру от 0 до 5 со словами: "Ваша случайная цифра: "х".
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function rand()
{
var now=new Date()
var num=(now.getSeconds())%5
alert("Ваша случайная цифра: " + num)
}
</script>
</head>
<BODY>
<h1>Случайное число</h1>
<form>
<INPUT TYPE="button" VALUE="Случайное число от 1 дo 10" onClick="rand()">
</FORM>
</BODY>
</html>
Часть вторая
Перепишите программу так, чтобы она спрашивала, какого вы пола. Пусть в зависимости от ответа меняется фоновый цвет страницы. Помните, что в JavaScript различаются строчные и заглавные буквы, так что будьте внимательны в своих условиях.
Часть третья
Измените сегодняшний скрипт так, чтобы при неверной догадке он сообщал пользователю, что он назвал слишком большое или слишком маленькое число.
Часть четвертая
Измените программу так, чтобы она показывала рисунок, выбранный наугад из трех: pic1.gif, pic2.gif и pic3.gif.
1) <HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function askuser() {
var answer=" "
document.bgColor='white'
var answer=prompt("Какого Вы пола?")
if ( answer == "мужского")
{document.bgColor='red'}
if(answer == "женского")
{document.bgColor='pink'}
}
</SCRIPT>
</HEAD>
<BODY>
<h2>Отвечать маленькими русскими буквами. (Пример: женского, мужского.)</h2>
<FORM>
<INPUT TYPE="button" VALUE="Жми!" onClick="askuser()">
</FORM>
</BODY>
</HTML>
2) <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("Случайное число больше")}
rand()
}
</SCRIPT>
<BODY onLoad="rand()">
<h3>Я загадал число от 1 до 10</h3>
<FORM NAME="myform">
<INPUT TYPE="button" VALUE="Угадай"
NAME="b1" onClick="guessnum()">
</FORM>
</BODY>
</HTML>
3) <html>
<head>
<SCRIPT LANGUAGE="JavaScript">
var0="<IMG SRC='1.gif' BORDER=0>"
var1="<IMG SRC='2.gif' BORDER=0>"
var2="<IMG SRC='3.gif' BORDER=0>"
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>
</head>
<BODY>
</BODY>
</HTML>
Лабораторная работа №8.