Essays.club - Получите бесплатные рефераты, курсовые работы и научные статьи
Поиск

Введение в JavaScript

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

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

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

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

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

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

(СПбГУТ)

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

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

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

Вариант 1.

 

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

2021г.

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

Задание 1

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

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

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

</head>

<body>.

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

    <script>

        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>

    <meta charset="utf-8" />

</head>

<body>

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

    <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 6]

[pic 7]

[pic 8]

2.

[pic 9]

[pic 10]

[pic 11]

Задание 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>

...

Скачать:   txt (13.6 Kb)   pdf (1.5 Mb)   docx (1.4 Mb)  
Продолжить читать еще 5 страниц(ы) »
Доступно только на Essays.club