Задание
- разберите скрипт самостоятельно
<SCRIPT LANGUAGE="javascript"> var name = prompt("Напишите свое имя, пожалуйста","") var d = new Date(); var y = d.getFullYear(); var da = d.getDate(); var m = d.getMonth() + 1; var t = da + '/' + m + '/' + y; document.write("<TITLE>") document.write("Привет, "+name+ ". Сегодня " +t+ ". Спасибо, что зашли."); document.write("</TITLE>") </SCRIPT>
- попробуйте поработать с переменными, формирую документ в зависимости от введенных значений
например:
запросите новый заголовок окна и измените текущий заголовок на тот что ввел пользователь
выведите на странице текущую дату в следующем виде: “Сегодня 15 день 10 месяца 2003 года”
сформируйте список из трех элементов которые запросите у пользователя
попробуйте нарисовать и заполнить таблицу следующего вида:
Любимый цвет |
Любимое блюдо |
Любимое время года |
|
|
|
В соответствующие ячейки поместите ответы пользователя.
<html>
<head>
<SCRIPT LANGUAGE="javascript">
var cvet = prompt("Какой твой любимый цвет?","")
var food = prompt("Какая твоя любимая еда?","")
var vremya = prompt("Какое любимое время года?","")
var name = prompt("Как хочешь назвать шапку окна?","")
var d = new Date();
var y = d.getFullYear();
var da = d.getDate();
var m = d.getMonth() + 1;
var t = da + '/' + m + '/' + y;
document.write("<TITLE>")
document.write(name);
document.write("</TITLE>")
document.write("Сегодня " + da + " день " + m + " месяца " + y + " года <br><br><br>")
document.write("<table border=1><tr><td>Любимый цвет</td><td>Любимое блюдо</td><td>Любимое время года</td></tr><tr><td>" + cvet +"</td><td>" + food +"</td><td>" + vremya +"</td></tr></table>")
</SCRIPT>
</head>
<body>
</body>
</html>
Лабораторная работа №2.
Задание
Рассмотрим новый метод, alert() (предупредить). Он вызывает небольшое диалоговое окно с текстом и кнопкой OK.
Попробуйте сделать так, чтобы окно предупреждения всплывало при наведении курсора на ссылку. Вот формат команды:
alert('текст в окошке')
<html>
<head>
</head>
<body>
<a href ="www.mail.ru" onMouseOver="alert('ОЛОЛОЛО');">СЮДА</a>
</body>
</html>
Задание
Необходимо создать форму, которая будет взаимодействовать с пользователем. Форма должна иметь три элемента:
поле ввода с просьбой ввести имя;
два поля для флажков с вопросом о том, что больше нравится пользователю, мороженое или шоколад;
кнопку отправки данных.
С каждым элементом должно произойти следующее:
При вводе имени в строке состояния должны появиться слова: «Впишите сюда свое имя».
Два поля с флажками должны отослать в строку состояния слова: «Вы выбрали...» и выбор пользователя.
При нажатии на кнопку должно выскочить окно предупреждения, благодарящее пользователя за участие в опросе.
<html>
<head>
<form>
Введите Ваше имя
<input type="text" size="15" maxlength="20" onFocus="alert('Впишите сюда свое имя');"> <br><br><br>
Что Вам больше нравится? <br>
<input name="checkbox" type="checkbox" onFocus="alert('СПАСИБО');"> Мороженное <br>
<input name="checkbox1" type="checkbox" onFocus="window.status='Шоколад';"> Шоколад <br> <br>
<input type="submit" name="Имя кнопки" value="Отправить данные" onSubmit="parent.location='1.html';">
</form>
</head>
</html>
Лабораторная работа №3.