// Бургер-меню
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">×</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';
};
});