Загрузка данных


// Бургер-меню
document.addEventListener('DOMContentLoaded', () => {
    const burger = document.querySelector('.burger');
    const nav = document.querySelector('.nav-links');
    if (burger) {
        burger.addEventListener('click', () => {
            nav.classList.toggle('active');
        });
    }

    // Валидация формы на странице feedback.html
    const form = document.getElementById('feedbackForm');
    if (form) {
        form.addEventListener('submit', (e) => {
            e.preventDefault();
            let isValid = true;
            document.querySelectorAll('.error').forEach(el => el.remove());

            const name = document.getElementById('name');
            const email = document.getElementById('email');
            const message = document.getElementById('message');

            if (!name.value.trim()) {
                showError(name, 'Введите имя');
                isValid = false;
            }
            if (!email.value.trim() || !email.value.includes('@')) {
                showError(email, 'Введите корректный email');
                isValid = false;
            }
            if (!message.value.trim()) {
                showError(message, 'Напишите сообщение');
                isValid = false;
            }

            if (isValid) {
                showModal('Спасибо! Ваше сообщение отправлено.');
                form.reset();
            }
        });
    }

    function showError(input, msg) {
        const error = document.createElement('div');
        error.className = 'error';
        error.innerText = msg;
        input.parentNode.appendChild(error);
    }

    // Модальное окно
    const modal = document.createElement('div');
    modal.className = 'modal';
    modal.innerHTML = `<div class="modal-content"><span class="close-modal">&times;</span><p id="modalMessage"></p></div>`;
    document.body.appendChild(modal);
    const closeBtn = modal.querySelector('.close-modal');
    closeBtn.onclick = () => modal.style.display = 'none';
    window.onclick = (e) => { if (e.target === modal) modal.style.display = 'none'; };

    window.showModal = (msg) => {
        document.getElementById('modalMessage').innerText = msg;
        modal.style.display = 'flex';
    };
});