Лаб. работа “Основы JavaScript”

Веб-технологии и программирование
Практика
Автор

Бизюк Андрей

Дата публикации

24 февраля 2025 г.

Тема лабораторной работы: Основы JavaScript

Цель работы:

  • Изучить базовые конструкции языка JavaScript.
  • Научиться работать с переменными, операторами, функциями и событиями.
  • Освоить взаимодействие JavaScript с HTML-документом.

Задание 1: Работа с переменными и операторами

  1. Создайте HTML-документ с подключенным JavaScript-файлом.
  2. В JavaScript-файле объявите переменные разных типов (число, строка, булево значение).
  3. Выполните базовые арифметические операции (сложение, вычитание, умножение, деление) с числовыми переменными.
  4. Используйте операторы сравнения (==, ===, !=, !==, >, <, >=, <=) и выведите результаты в консоль.

Задание 2: Работа с функциями

  1. Создайте функцию, которая принимает два аргумента и возвращает их сумму.
  2. Создайте функцию, которая проверяет, является ли число четным, и возвращает true или false.
  3. Вызовите функции и выведите результаты в консоль.

Задание 3: Взаимодействие с HTML

  1. Создайте HTML-элементы: кнопку (<button>) и текстовое поле (<input type="text">).
  2. Напишите JavaScript-код, который при нажатии на кнопку выводит в консоль значение, введенное в текстовое поле.
  3. Добавьте обработчик события onclick для кнопки.

Задание 4: Работа с массивами

  1. Создайте массив из нескольких элементов (чисел или строк).
  2. Используйте методы массива (push, pop, shift, unshift, slice, splice) для изменения массива.
  3. Выведите результаты в консоль.

Задание 5: Работа с объектами

  1. Создайте объект, представляющий собой информацию о студенте (имя, возраст, курс, группа).
  2. Добавьте метод объекта, который выводит информацию о студенте в консоль.
  3. Вызовите метод и выведите результат.

Задание 6: Работа с DOM

  1. Создайте HTML-элемент (например, <div>).
  2. Используя JavaScript, измените содержимое элемента, его стили и добавьте обработчик события (например, изменение цвета при наведении мыши).

Вопросы для самопроверки:

  1. Какие типы данных существуют в JavaScript?
  2. Как объявить функцию в JavaScript?
  3. Какие методы массива вы использовали в работе?
  4. Как добавить обработчик события на HTML-элемент?
  5. Как изменить стили элемента с помощью JavaScript?
Наверх