Введение в JavaScript

Автор: Radik • Сентябрь 4, 2022 • Лабораторная работа • 1,281 Слов (6 Страниц) • 408 Просмотры

Страница 1 из 6

ФЕДЕРАЛЬНОЕ АГЕНТСТВО СВЯЗИ

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ

УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ

«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ ИМ. ПРОФ. М.А. БОНЧ-БРУЕВИЧА»

(СПбГУТ)

ИНСТИТУТ НЕПРЕРЫВНОГО ОБРАЗОВАНИЯ

Лабораторная работа

По дисциплине: Технологии обработки информации.

Вариант 1.

Санкт-Петербург

2021г.

ЛАБОРАТОРНАЯ РАБОТА № 1 - Введение в JavaScript.

Задание 1

Создадим файл HTML.

Пример кода в составе страницы HTML:

<!DOCTYPE html>

<html>

<head>

</head>

<body>.

//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 1]

[pic 2]

[pic 3]

Запросите подтверждение.

[pic 4]

Выводится приветствие.

[pic 5]

Задание 2.

Создадим файл HTML.

Пример кода в составе страницы HTML:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

//JavaScript пишем прямов в HTML выходной поток - в теле документа

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. Возможны три случая:

[pic 6]

[pic 7]

[pic 8]

[pic 9]

[pic 10]

[pic 11]

Задание 3.

Создадим файл HTML.

Пример кода в составе страницы HTML:

<!DOCTYPE html>

<html>

<head>

table {border-collapse: collapse;}

td {width: 50px; height: 50px;}

.r1 {background-color: purple;}

.r2 {background-color: blue;}

</style>

</head>

<body>//напишем в теле HTML таблицу

<tabel>

...

Скачать: txt (13.6 Kb) pdf (1.5 Mb) docx (1.4 Mb)

Продолжить читать еще 5 страниц(ы) »

Читать полный текст Сохранить

Доступно только на Essays.club