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

Введение в JavaScript

Автор:   •  Март 12, 2024  •  Лабораторная работа  •  1,285 Слов (6 Страниц)  •  77 Просмотры

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

МИНИСТЕРСТВО СВЯЗИ И МАССОВЫХ КОММУНИКАЦИЙ РОССИЙСКОЙ ФЕДЕРАЦИИ

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

ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ «САНКТ-ПЕТЕРБУГРСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ им. проф. М.А. БОНЧ-БРУЕВИЧА»

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

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

По дисциплине

ТЕХНОЛОГИИ ОБРАБОТКИ ИНФОРМАЦИИ

Вариант №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)

...

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