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

Тема лабораторной работы: Основы 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?