Введение в JavaScript
Автор: w4kat • Март 12, 2024 • Лабораторная работа • 1,285 Слов (6 Страниц) • 70 Просмотры
МИНИСТЕРСТВО СВЯЗИ И МАССОВЫХ КОММУНИКАЦИЙ РОССИЙСКОЙ ФЕДЕРАЦИИ
ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ «САНКТ-ПЕТЕРБУГРСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ им. проф. М.А. БОНЧ-БРУЕВИЧА»
ИНСТИТУТ НЕПРЕРЫВНОГО ОБРАЗОВАНИЯ
Лабораторная работа
По дисциплине
ТЕХНОЛОГИИ ОБРАБОТКИ ИНФОРМАЦИИ
Вариант №1
[pic 1]
Санкт-Петербург
2023
ЛАБОРАТОРНАЯ РАБОТА № 1 - Введение в JavaScript.
Задание 1
Создадим файл HTML.
Пример кода в составе страницы HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>.
<script>
//JavaScript пишем прямо в HTML выходной поток - в теле документа
var lastname = prompt("Фамилия");
var name = prompt("Имя");
var firstname = prompt("Отчество");
if (confirm(`${lastname} ${name} ${firstname}`)){
}
else { alert("Ошибка") };
alert("Молодец," + lastname + " " + name + " " + firstname);
</script>
</body>
</html>
Что выведется в браузере:
Введите свою, фамилию, имя и отчество.
[pic 2]
[pic 3]
[pic 4]
Запросите подтверждение.
[pic 5]
Выводится приветствие.
[pic 6]
Задание 2.
Создадим файл HTML.
Пример кода в составе страницы HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<script>
var h = +prompt ('Введите количество часов:'); // плюсик нужен для перевода введённой строки в число
var m = +prompt ('Введите количество минуты'); // аналогично
m++;
if (m == 60)
{
m = 0;
h++;
if (h == 24)
{
h = 0;
}
}
alert ('Через минуту будет ' + h + ' час.' + m + ' мин.');
</script>
</body>
</html>
Введите время в часах и минутах. Определите время, которое будет через минуту. Используйте вложенные операторы IF. Возможны три случая:
1.
[pic 7]
[pic 8]
[pic 9]
2.
[pic 10]
[pic 11]
[pic 12]
Задание 3.
Создадим файл HTML.
Пример кода в составе страницы HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
table {border-collapse: collapse;}
td {width: 50px; height: 50px;}
.r1 {background-color: purple;}
.r2 {background-color: blue;}
</style>
</head>
<body>//напишем в теле HTML таблицу
<tabel>
<tr><td class='r2'></td><td class='r1'></td><td class='r1'></td><td class='r1'></td>
<tr><td class='r1'></td><td class='r1'></td><td class='r1'></td><td class='r1'></td>
<tr><td class='r1'></td><td class='r1'></td><td class='r1'></td><td class='r1'></td>
<tr><td class='r1'></td><td class='r1'></td><td class='r1'></td><td class='r1'></td>
<tr><td class='r1'></td><td class='r1'></td><td class='r1'></td><td class='r1'></td>
<tr><td class='r2'></td><td class='r2'></td><td class='r2'></td><td class='r2'></td>
<tr><td class='r2'></td><td class='r2'></td><td class='r2'></td><td class='r2'></td>
<tr><td class='r2'></td><td class='r2'></td><td class='r2'></td><td class='r2'></td>
<tr><td class='r2'></td><td class='r2'></td><td class='r2'></td><td class='r2'></td>
<tr><td class='r2'></td><td class='r2'></td><td class='r2'></td><td class='r2'></td>
</tabel>
</tabel>
<script>
var n=10;var s;
document.write("<table>");
for (i=1; i<=n; i=i+1)
...