Hero Image

Мебельный калькулятор

<style> :root { --mz-yellow: #ffc107; --mz-dark: #212121; --mz-focus: rgba(255, 193, 7, 0.4); } .mz-input { width: 100%; border-radius: 8px; font-size: 16px; padding: 10px 14px; background: #fff; border: none; /* УБРАНА РАМКА */ color: var(--mz-dark); outline: none; transition: all 0.3s ease; box-shadow: inset 0 0 0 1px #e5e7eb; /* Тонкая внутренняя тень вместо рамки */ } .mz-input:focus { box-shadow: 0 0 0 4px var(--mz-focus), inset 0 0 0 1px var(--mz-yellow); } .mz-label { color: #4b5563; font-size: 15px; font-weight: 700; margin-bottom: 6px; display: block; text-transform: uppercase; letter-spacing: 0.5px; } .radioo { display: inline-flex; align-items: center; margin-bottom: 10px; cursor: pointer; padding: 4px 0; width: 100%; } .radioo > input { position: absolute; z-index: -1; opacity: 0; } .radioo > span { display: inline-flex; align-items: center; user-select: none; font-size: 16px; color: #374151; } .radioo > span::before { content: ''; display: inline-block; width: 22px; height: 22px; flex-shrink: 0; flex-grow: 0; border: none; /* УБРАНА РАМКА */ border-radius: 50%; margin-right: 10px; background-repeat: no-repeat; background-position: center center; transition: 0.2s; background-color: #e5e7eb; /* Фон вместо рамки */ } .radioo > input:not(:disabled):not(:checked) + span:hover::before { background-color: #d1d5db; } .radioo > input:checked + span::before { background-color: var(--mz-yellow); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); background-size: 60% 60%; } .mz-total-box { background: var(--mz-yellow); margin-top: 30px; padding: 30px; border-radius: 12px; text-align: right; color: #000; box-shadow: 0 10px 25px -5px rgba(255, 193, 7, 0.4); } @media (max-width: 640px) { .mz-total-box { text-align: center; } .mz-total-box .btn { width: 100%; justify-content: center; } } </style>

Калькулятор стоимости

Введите размеры и выберите материалы для предварительного расчета

Размеры изделия

Комплектация

Предварительная стоимость:
0 ₸
Заказать расчет в WhatsApp
<script> // Глобальная функция расчета function calculateTotal() { console.log('Calculating...'); // Для отладки // Получаем значения var width = parseFloat(document.getElementById('calc-width').value) || 0; var height = parseFloat(document.getElementById('calc-height').value) || 0; var depth = parseFloat(document.getElementById('calc-depth').value) || 0; var corpus = parseInt(document.getElementById('calc-corpus').value) || 0; var kromkaRadio = document.querySelector('input[name="calc-kromka"]:checked'); var kromka = kromkaRadio ? parseInt(kromkaRadio.value) : 0; var fasadRadio = document.querySelector('input[name="calc-fasad"]:checked'); var fasad = fasadRadio ? parseInt(fasadRadio.value) : 0; var stoleshRadio = document.querySelector('input[name="calc-stolesh"]:checked'); var stolesh = stoleshRadio ? parseInt(stoleshRadio.value) : 0; var furnitura = parseFloat(document.getElementById('calc-furnitura').value) || 1; var kategoriya = parseFloat(document.getElementById('calc-kategoriya').value) || 1; var stil = parseFloat(document.getElementById('calc-stil').value) || 1; var dekor = parseInt(document.getElementById('calc-dekor').value) || 0; var dop = parseInt(document.getElementById('calc-dop').value) || 0; var dostavkaRadio = document.querySelector('input[name="calc-dostavka"]:checked'); var dostavka = dostavkaRadio ? parseInt(dostavkaRadio.value) : 0; console.log('Values:', width, height, depth, corpus, fasad, stolesh); // Отладка // Расчет площади var perimeter = 2 * (width + depth); var facadeArea = perimeter * height; var tableArea = width * depth; // Базовая стоимость var basePrice = (facadeArea * fasad) + (tableArea * stolesh); var corpusPrice = facadeArea * 0.3 * corpus; var kromkaPrice = perimeter * kromka; // Применяем коэффициенты var subtotal = (basePrice + corpusPrice + kromkaPrice) * furnitura * kategoriya * stil; // Итого var total = subtotal + dekor + dop + dostavka; // Минимальная стоимость if (total < 50000) total = 50000; console.log('Total:', total); // Отладка // Форматируем и выводим var formatted = new Intl.NumberFormat('ru-RU').format(Math.round(total)); document.getElementById('calc-total').textContent = formatted; // Обновляем WhatsApp var text = 'Здравствуйте! Рассчитал на meizer.kz: ' + formatted + ' ₸. Хочу заказать.'; document.getElementById('calc-whatsapp').href = 'https://wa.me/77778038283?text=' + encodeURIComponent(text); } // Запускаем сразу при загрузке if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', calculateTotal); } else { calculateTotal(); } </script>