Лабораторная работа по "Программированию"
Автор: kat.215 • Декабрь 9, 2022 • Лабораторная работа • 1,081 Слов (5 Страниц) • 635 Просмотры
Лабораторная работа № 1
Часть первая
Задание 1
Измените скрипт так, чтобы вышли две строки текста, красная и синяя. Но вам придется дописать несколько команд Javascript, а не просто добавить немного HTML к приведенному примеру. Используйте команду <BR> в конце первого примера, чтобы текст располагался на двух строках.
Попробуйте изменить заголовок страницы с помощью скрипта, используя, для этого соответствующий тег (<title>). Попробуйте добавить на страницу список содержащий 3-5 элементов (это тоже необходимо сделать с помощью скрипта).
Решение:
Иван рубил дрова,
Варвара топила печь.
<SCRIPT LANGUAGE="javascript">
document.write("<FONT COLOR='RED'>Иван рубил дрова</FONT><BR>")
document.write("<FONT COLOR='BLUE'>Варвара топила печь</FONT>")
</SCRIPT>
Эффекта можно добиться, добавив в скрипт второй строкм document.write и изменив кода HTML внутри данного примера. Также можно добавить команду <BR> в конце первого примера для того, чтобы текст располагался на двух строках.
Часть вторая
Задание 2
Ниже приведен текст скрипта.
<html>
<head>
<title>Испорченный скрипт</title>
<link REL="STYLESHEET" TYPE="text/css" HREF="blue1.css" tppabs="http://jsp.newmail.ru/blue1.css">
</head>
<body>
<script LANGUAGE="JavaScript">
...x
dothis = new Date()
month = dothis.getMonth()
month = (month * 1) + 1
day = dothis.getDate()
year = dothis.getFullYear()
document.wrte(" ",day,"/",month,"/",year," ")
</script>
<p>"Попробуйте найти ошибку!"</p>
</body>
</html>
Скопируйте его в новый тесктовый файл с расширением html и откройте в Internet Explorer. Загружая страницу, браузер должен выдать вам два сообщения об ошибке. Исправьте их. Некоторые команды покажутся вам незнакомыми, но это неважно. Из сообщения вы получите достаточно информации, чтобы наладить скрипт. Если он заработает, то на странице появится сегодняшняя дата. Каждая ссылка откроется в новом окне.
Подсказка: возможно, сначала вы получите только одно сообщение. Вторая ошибка появится, когда вы исправите первую.
Решение:
',day,'/',month,'/',year,'
24/5/2022
Скрипт показывает дату, но было две ошибки. Первая, ничего не означающая строка «...x», нужно было сразу её стереть. Вторая, опечатка в «document.wrte». Правильно «write».
Часть третья
Задание 3
Необходимо написать скрипт, который поместит на вашу страницу дату, разделенную дробями /. Приветственный текст должен быть зеленого цвета. Также отметьте, что это вы написали скрипт, потому что... так оно и есть!
Решение:
my = new Date();
var mpo = my.getMonth();
var mpo1 = mpo + 1
document.write("<font color='green'>Привет! Сегодня у нас " + my.getDate() + "/" + mpo1 + "/" + my.getFullYear() + "." + " А времечка было, как вы заглянули, ровнехонько " + my.getHours() + " часов " + my.getMinutes() + " минут и " + my.getSeconds() + " секунд.</font>");</SCRIPT>
В команде FONT в кавычках, дату и время можно было скопировать из первоначального скрипта, поменяв дефисы на дроби.
Лабораторная работа № 2
Задание 4
Рассмотрим новый метод, alert() (предупредить). Он вызывает небольшое диалоговое окно с текстом и кнопкой OK.
Попробуйте сделать так, чтобы окно предупреждения всплывало при наведении курсора на ссылку. Вот формат команды:
alert('текст в окошке')
Решение:
<a href="les4.htm" onMouseOver="alert('Это задание после четвертого урока'); return true">Жми сюда</a>
Нужно оставить onMouseOver, скопировать схему метода alert(), не забывая про двойные и одинарные кавычки, и готово.
Задание 5
Необходимо создать форму, которая будет взаимодействовать с пользователем.
Форма должна иметь три элемента:
- поле ввода с просьбой ввести имя;
- два поля для флажков с вопросом о том, что больше нравится пользователю, мороженое или шоколад;
- кнопку отправки данных.
С каждым элементом должно произойти следующее:
- При вводе имени в строке состояния должны появиться слова: «Впишите сюда свое имя».
- Два поля с флажками должны отослать в строку состояния слова: «Вы выбрали...» и выбор пользователя.
- При нажатии на кнопку должно выскочить окно предупреждения, благодарящее пользователя за участие в опросе.
Решение:
<FORM> Name: <INPUT TYPE="text" SIZE="30" onFocus="window.status='Введите свое имя';">
Что вам больше нравится: <INPUT TYPE="checkbox" onClick="window.status='Вы выбрали шоколад'";> Шоколад
<INPUT TYPE="checkbox" onClick="window.status='Вы выбрали мороженое'";> Мороженое
<INPUT TYPE="submit" onClick="alert('Спасибо за участие в опросе')";">
</FORM>
...