> For the complete documentation index, see [llms.txt](https://kaze.gitbook.io/qa-theory/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kaze.gitbook.io/qa-theory/web/dlya-chego-v-veb-stranicakh-ispolzuyut-javascript.md).

# Для чего в веб-страницах используют JavaScript?

JavaScript используется на веб-страницах для **динамики и интерактивности**, так как HTML отвечает только за структуру, а CSS — за оформление.

***

### 1️⃣ Основные цели использования JavaScript

1. **Обработка событий пользователя**

* Реакция на клики, наведение мыши, ввод текста, прокрутку.
* Пример: кнопка «Отправить» запускает проверку формы перед отправкой.

2. **Динамическое изменение содержимого (DOM-манипуляции)**

* Изменение текста, добавление/удаление элементов без перезагрузки страницы.
* Пример: подгрузка новых сообщений в чате без обновления страницы.

3. **Валидация форм**

* Проверка правильности введённых данных на клиенте до отправки на сервер.
* Пример: email должен содержать `@`, пароль минимум 8 символов.

4. **Асинхронные запросы к серверу (AJAX / Fetch API)**

* Получение данных с сервера и обновление страницы без полной перезагрузки.
* Пример: подгрузка товаров на сайте при скролле.

5. **Анимации и визуальные эффекты**

* Слайдеры, модальные окна, анимации элементов.

6. **Работа с локальным хранилищем и cookies**

* Хранение настроек пользователя, состояния корзины, токенов авторизации.

7. **Взаимодействие с внешними API**

* Получение и отображение данных из сторонних сервисов (карты, платежи, социальные сети).

***

### 2️⃣ Зачем это важно для QA

* Проверять, что интерактивные элементы работают корректно.
* Проверять динамическое обновление контента.
* Проверять обработку событий и асинхронных запросов.
* Тестировать работу валидации форм и отображение ошибок.