script.js - master - motin86/test_giga

script.js
86 строк3 KB
motin86
upload files
06 янв 2026, 21:40
06 янв 2026, 21:40d5ca6c8
// Открытие и закрытие модального окна
const modal = document.querySelector('.modal');
const modalToggle = document.querySelector('.modal-toggle');
const closeBtn = document.querySelector('.close');
const orderForm = document.getElementById('order-form');

// Открыть модалку
modalToggle.addEventListener('click', function(e) {
    e.preventDefault();
    modal.style.display = 'block';
});

// Закрыть модалку по крестику
closeBtn.addEventListener('click', function() {
    modal.style.display = 'none';
});

// Закрыть модалку по клику вне окна
window.addEventListener('click', function(e) {
    if (e.target === modal) {
        modal.style.display = 'none';
    }
});

// Обработка отправки формы
orderForm.addEventListener('submit', function(e) {
    e.preventDefault();
    
    // Здесь можно добавить отправку данных на сервер
    alert('Спасибо за заявку! Я свяжусь с вами в ближайшее время.');
    modal.style.display = 'none';
    orderForm.reset();
});

// Плавная прокрутка к секциям
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function(e) {
        e.preventDefault();
        
        const targetId = this.getAttribute('href');
        if (targetId === '#') return;
        
        const targetElement = document.querySelector(targetId);
        if (targetElement) {
            window.scrollTo({
                top: targetElement.offsetTop - 80,
                behavior: 'smooth'
            });
        }
    });
});

// Добавление класса scrolled при прокрутке
window.addEventListener('scroll', function() {
    const header = document.querySelector('.header');
    if (window.scrollY > 50) {
        header.classList.add('scrolled');
    } else {
        header.classList.remove('scrolled');
    }
});

// Мобильное меню-бургер
const menuToggle = document.querySelector('.menu-toggle');
const navMenu = document.querySelector('.nav-menu');

menuToggle.addEventListener('click', function() {
    menuToggle.classList.toggle('active');
    navMenu.classList.toggle('active');
});

// Закрытие меню при клике на ссылку
document.querySelectorAll('.nav-link').forEach(link => {
    link.addEventListener('click', () => {
        menuToggle.classList.remove('active');
        navMenu.classList.remove('active');
    });
});

// Закрытие меню при изменении размера окна
window.addEventListener('resize', function() {
    if (window.innerWidth > 768) {
        menuToggle.classList.remove('active');
        navMenu.classList.remove('active');
    }
});