script.js - master - sibulba/photographerweb

script.js
67 строк2 KB
sibulba
бэк
10 июн 2025, 14:06
10 июн 2025, 14:066dc5943
// ===== Обработка формы записи =====
const registrationForm = document.getElementById('registration-form');
if (registrationForm) {
    registrationForm.addEventListener('submit', function(event) {
        event.preventDefault();
        alert('Спасибо за заявку! Мы свяжемся с вами.');
    });
}

// ===== Бургер-меню =====
const burger = document.querySelector('.nav__burger');
const navList = document.querySelector('.nav__list');

if (burger && navList) {
    burger.addEventListener('click', function () {
        navList.classList.toggle('is-active');
    });
}

// ===== Инициализация сетки товаров =====
function initProductGrid() {
    const products = [
        {
            image: 'images/product1.jpg',
            title: 'Фотосессия на природе',
            description: 'Уютная съёмка на фоне природы.',
            price: '6 000 ₽'
        },
        {
            image: 'images/product2.jpg',
            title: 'Свадебный альбом',
            description: 'Красочный альбом с лучшими моментами.',
            price: '15 000 ₽'
        },
        // ...дополнительные товары
    ];

    const grid = document.querySelector('.products__grid');
    const autoGrid = document.querySelector('.products__grid-auto');

    if (!grid && !autoGrid) return;

    products.forEach(product => {
        const card = createProductCard(product);
        if (grid) grid.appendChild(card.cloneNode(true));
        if (autoGrid) autoGrid.appendChild(card);
    });
}

function createProductCard(product) {
    const card = document.createElement('div');
    card.className = 'product-card';
    
    card.innerHTML = `
        <img src="${product.image}" alt="${product.title}" class="product-card__image">
        <h3 class="product-card__title">${product.title}</h3>
        <p class="product-card__description">${product.description}</p>
        <p class="product-card__price">${product.price}</p>
    `;
    
    return card;
}

// ===== Запуск скриптов при загрузке страницы =====
document.addEventListener('DOMContentLoaded', function () {
    initProductGrid();
});