Что такое функция

Функция — это именованный блок кода, который выполняет определённую задачу. Её можно вызывать несколько раз, передавая разные данные, и она всегда будет вести себя одинаково.

Без функций код становился бы дублирующимся и неуправляемым. Например, если нужно проверить, заполнено ли поле ввода в трёх разных местах приложения — без функции вы скопировали бы один и тот же код три раза. С функцией — один раз написали, три раза вызвали.

Функции помогают структурировать код: разбивают большую задачу на маленькие, понятные части. Это делает его легче тестировать, читать и поддерживать.

Пример: обработчик клика по кнопке в HTML

<button id="loginBtn">Войти</button>

function handleLoginClick() {
  const email = document.getElementById('email').value;
  if (email) {
    console.log('Почта введена, начинаем вход...');
  } else {
    console.log('Введите почту');
  }
}

document.getElementById('loginBtn').addEventListener('click', handleLoginClick);

Здесь handleLoginClick — функция. Она не выполняется сразу, а ждёт, пока пользователь кликнет. Когда клик происходит — функция вызывается. Это делает интерфейс реактивным. Без функции вы не смогли бы отделить логику от события.