4 семестр / ЛР 4 ИТиП ОТЧЕТ

Цель работы: Изучить использование встроенных объектов JavaScript (String, Date, Math, Array), а также работу с таймерами и методами обработки данных на веб-страницах.

Шаги работы:

Задание 1:

Рисунок 1 – Результат работы со строкой в JavaScript

На странице отображается исходная строка «I learn JavaScript», выделенная подстрока «learn», полученная с помощью метода substr(), а также строка,

преобразованная в верхний регистр методом toUpperCase().

Рисунок 2 – Исходный код программы работы со строками

В коде создаётся строка, затем с помощью substr(2, 5) выделяется слово «learn»,

а методом toUpperCase() выполняется преобразование строки в верхний регистр с последующим выводом через document.write().

Задание 2:

Рисунок 3 – Результат определения браузера пользователя

На странице выводится сообщение «He Internet Explorer», что означает, что браузер пользователя не является Internet Explorer.

Рисунок 4 – Исходный код определения браузера

Программа получает значение navigator.userAgent и проверяет наличие строки

«MSIE». В зависимости от результата выводится соответствующее сообщение.

Задание 3:

Рисунок 5 – Результат вычисления недели и текущей даты На экран выводится номер текущей недели (12) и текущая дата (25.03.2026),

рассчитанные с использованием объекта Date.

Рисунок 6 – Исходный код определения недели и даты В коде вычисляется первый понедельник года и определяется номер текущей

недели. Также выводится текущая дата с помощью метода toLocaleDateString().

Задание 4:

Рисунок 7 – Результат отображения текущего времени На странице отображается текущее время (12:19), которое выводится в текстовое поле.

Рисунок 8 – Исходный код программы часов

Используется объект Date для получения текущего времени. С помощью setTimeout() реализовано обновление времени каждую секунду.

Задание 5:

Рисунок 9 – Результат изменения стиля текста Текст изменяет цвет, размер шрифта и фон в случайном порядке при нажатии

кнопки «ЗАПУСК».

Рисунок 10 – Исходный код изменения стиля текста В программе реализованы функции генерации случайного цвета и размера

текста. С помощью setInterval() выполняется периодическое изменение стиля.

Задание 6:

Рисунок 11 – Результат вычисления даты через N дней

На экран выводится текущая дата и дата, которая наступит через введённое пользователем количество дней.

Рисунок 12 – Исходный код вычисления будущей даты Программа получает число дней от пользователя, затем с помощью метода setDate() вычисляет будущую дату.

Задание 7:

Рисунок 13 – Результат вывода текущей даты с месяцем На странице отображается текущая дата с названием месяца: «Сейчас 26-ый день месяца март 2026 года».

Рисунок 14 – Исходный код вывода текущей даты Используется массив с названиями месяцев. Программа формирует строку с текущим днём, месяцем и годом.

Задание 8:

Рисунок 15 – Ввод дат пользователем

Пользователь вводит две даты в формате YYYY-MM-DD через диалоговые окна.

Рисунок 16 – Результат вычисления разницы между датами На экран выводится количество дней между двумя введёнными датами (в данном случае 61 день).

Рисунок 17 – Исходный код вычисления количества дней между датами Даты преобразуются в миллисекунды с помощью getTime(), после чего вычисляется разница и переводится в дни.

Выводы: в ходе выполнения лабораторной работы были изучены основные встроенные объекты JavaScript и их методы. Были получены практические навыки работы со строками, датами и случайными значениями, а также освоены механизмы таймеров (setTimeout, setInterval).