Какие знаешь взаимодействия со страницей

Взаимодействия со страницей можно разделить на несколько типов:

1. Пользовательские события – клики, скроллы, ввод текста, наведение мыши. Обрабатываются через addEventListener:

button.addEventListener('click', () => {
  console.log('Клик!');
});

2. Изменение DOM – манипуляции с элементами через JS:

element.textContent = 'Новый текст';
element.classList.add('active');

3. Запросы к серверу – fetch, XMLHttpRequest:

fetch('/api/data')
  .then(response => response.json())
  .then(data => console.log(data));

4. Работа с формами – валидация, отправка:

form.addEventListener('submit', (e) => {
  e.preventDefault();
  console.log('Форма отправлена!');
});

5. Хранение данных – localStorage, sessionStorage:

localStorage.setItem('key', 'value');

6. Геолокация, камера, микрофон – через Web API (navigator.geolocation и др.)

Важно учитывать доступность и производительность при реализации взаимодействий.