document.addEventListener('DOMContentLoaded', function () { // Получаем все элементы по их классам const input = document.querySelector('.js-input-count'); const minusBtn = document.querySelector('.js-btn-minus'); const plusBtn = document.querySelector('.js-btn-plus'); const totalPriceEl = document.querySelector('.js-total-price'); const durationEl = document.querySelector('.js-duration'); const pricePerPhotoEl = document.querySelector('.js-price-per-photo'); const oldPriceEl = document.querySelector('.js-old-price'); const giftRestorationsEl = document.querySelector('.js-gift-restorations'); const marketingTextEl = document.querySelector('.js-marketing-text'); const addToCartBtn = document.querySelector('.t706__button.t-btn'); // Стандартная кнопка Tilda // Функция обновления всех данных function updateCalculator() { let count = parseInt(input.value); if (isNaN(count) || count < 10) count = 10; // Определяем цену за фото let pricePerPhoto; if (count >= 40) pricePerPhoto = 200; else if (count >= 25) pricePerPhoto = 240; else if (count >= 20) pricePerPhoto = 260; else if (count >= 15) pricePerPhoto = 280; else pricePerPhoto = 300; // Расчёты const totalPrice = count * pricePerPhoto; const durationSec = count * 5; const minutes = Math.floor(durationSec / 60); const seconds = durationSec % 60; // Реставрации в подарок let giftRestorations; if (count >= 40) giftRestorations = Math.round(count * 0.4); else if (count >= 25) giftRestorations = Math.round(count * 0.3); else if (count >= 20) giftRestorations = Math.round(count * 0.2); else if (count >= 15) giftRestorations = Math.round(count * 0.2); else giftRestorations = 0; // Маркетинговый текст let nextThreshold, nextPrice; if (count < 15) { nextThreshold = '15'; nextPrice = '280'; } else if (count < 20) { nextThreshold = '20'; nextPrice = '260'; } else if (count < 25) { nextThreshold = '25'; nextPrice = '240'; } else if (count < 40) { nextThreshold ='40'; nextPrice = '200'; } else { nextThreshold = ''; nextPrice = ''; } const marketingText = nextThreshold ? `От ${nextThreshold} фото цена за 1 фото будет ${pricePerPhoto}₽ ${nextPrice}₽` : ''; // Обновляем UI totalPriceEl.textContent = totalPrice; durationEl.textContent = `${minutes} мин ${seconds} сек`; pricePerPhotoEl.textContent = pricePerPhoto; // Зачёркнутая цена if (count >= 15) { oldPriceEl.style.display = 'inline'; oldPriceEl.textContent = '300'; } else { oldPriceEl.style.display = 'none'; } giftRestorationsEl.textContent = `${giftRestorations} фото`; marketingTextEl.textContent = marketingText; // Обновляем значение в поле ввода input.value = count; // Показываем кнопку "Добавить в корзину" addToCartBtn.style.display = 'block'; // Настраиваем добавление в корзину Tilda addToCartBtn.onclick = function () { t728.addToCart({ id: "1", // ID товара из настроек кнопки Tilda name: `Фильм из ${count} фото`, price: totalPrice, quantity: "1" }); return false; // Чтобы не было перехода по ссылке, если она есть }; // Если пользователь ввёл число вручную, обновляем данные input.oninput = updateCalculator; } // Обработчики кнопок +/- minusBtn.onclick = function () { const currentValue = parseInt(input.value); input.value = Math.max(10, currentValue - 1); updateCalculator(); }; plusBtn.onclick = function () { const currentValue = parseInt(input.value); input.value = currentValue + 1; updateCalculator(); }; // Первоначальный запуск при загрузке страницы updateCalculator(); });