Практическое задание №1
Описать скрипт реагирующий на время суток.
<html>
<head>
<script language="JavaScript">
//Функция определения текущего времени
function showTime(){
//Определим перепенные
var now = new Date();
var hours = now.getHours()
var divider = ":";
//Определим формат вывода времени
if (now.getMinutes()<10) divider = ":0";
var time = ""+hours + divider + now.getMinutes();
//Вывод времени на экран
document.write( "Прямо сейчас <b>" + time + "</b> и мы желаем Вам");
//Определим что пожелает скрипт в соответствии со временем суток
if(hours<5 || hours>19) document.write(" спокойной ночи!");
else if (hours<11) document.write(" доброго утра!");
else document.write(" хорошей работы!"); }
</script>
</head>
<body>
<script language="JavaScript">
//Покажем работу созданной функции
showTime();
</script>
</body>
</html>
2. Создайте убегающую кнопку "Нет" при ответе на вопрос "Довольны ли вы обучением на дистанционном образовании?"
<html>
<head>
Довольны ли вы обучением на дистанционном образовании?<br />
</head>
<body>
<script type="text/javascript">
var flag = 1;
//Определим функцию изменения позиции кнопки "Нет"
function position() {
if (flag == 1) N.style.left = "250px";
if (flag == 2) N.style.left = "100px";
if (flag == 3) N.style.left = "200px";
flag = flag + 1;
if (flag == 4) flag = 1;
}
//Ответ на выбор кнорки "Да"
function answer() {
alert("Спасибо, вы выбрыли праильный ответ!")
}
</script>
<a href="#null" onclick="answer()" style="position: relative; left: 30px;">да</a>
<a href="#null" onmouseover="position()" id="N" style="position: relative; left: 40px;">нет</a>
</body>
</html>
3. Создайте скрипт, который сгенерирует случайное количество пунктов выпадающего меню и при нажатии на один из пунктов загадывает случайное число. При совпадении номера ссылки и загаданного числа открывается окно с поздравлениями, иначе не с поздравлениями
<html>
<head>
<script language="javascript">
//Оределим переменную колличества пунктов в выпадающем меню
var lengthArr
//Функция создания выпадающего меню
function NewLinks()
{
//Генерация пуктов меню
lengthArr=Math.ceil(Math.random()*20);
document.myForm.myLinks.length=lengthArr
for (var i=1; i<lengthArr+1; i++)
{
//Присвоим каждому пункту номер
document.myForm.myLinks.options[i-1].text="Ссылка №"+i;
document.myForm.myLinks.options[i-1].value=i;
}
}
//Функция проверяющая совпадение числа и пункта
function changeL(link)
{
//Выбираем случайное число
win=window.open("","",
"width=450,height=300,status=no,menubar=no,toolbar=no,scrollbars=no")
rndValue=Math.ceil(Math.random()*lengthArr);
//Выводим сообщение
win.document.write("Вы выбрали ссылку №"+link.value)
//Проверяем совпадение
if(rndValue==link.value)
win.document.write("<br>И случайное значение выпало "+rndValue+". Вам повезло!!!")
else win.document.write("<br>A случайное значение выпало "+rndValue+". Вам не повезло :((")
}
</script>
</head>
<body onLoad="NewLinks()">
<form name="myForm">
<select name="myLinks" size="1" onChange="changeL(this)">
<option> </option>
</select> <br>
<input type="button" value="Сгенерировать выпадающее меню"
onclick="NewLinks()">
</form>
</body>
</html>