Калькулятор утеплення будинку

.dimax-calc-module { max-width: 100%; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; margin: 30px 0; } .dimax-calc-container { max-width: 1000px; margin: 0 auto; background: #ffffff; border-radius: 28px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); padding: 24px 28px; border: 1px solid #edf2f7; } /* Стиль заголовка як у статті */ .dimax-calc-title { font-size: 26px; font-weight: 700; color: #0a2b3e; margin: 0 0 8px 0; border-left: 5px solid #f5a623; padding-left: 18px; } .dimax-calc-sub { color: #475569; margin-bottom: 24px; font-size: 15px; padding-left: 23px; } .dimax-calc-grid { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 28px; } .dimax-calc-field { flex: 1; min-width: 180px; } .dimax-calc-field label { display: block; font-weight: 600; color: #1e4663; margin-bottom: 6px; font-size: 14px; } .dimax-calc-field input, .dimax-calc-field select { width: 100%; padding: 12px 14px; border: 1px solid #cbd5e1; border-radius: 16px; font-size: 16px; background: #fff; transition: 0.2s; } .dimax-calc-field input:focus, .dimax-calc-field select:focus { outline: none; border-color: #f5a623; box-shadow: 0 0 0 3px rgba(245,166,35,0.1); } .dimax-calc-result { background: #f8fafc; border-radius: 24px; padding: 20px 24px; margin: 20px 0; border-left: 4px solid #f5a623; } .dimax-calc-result h3 { margin: 0 0 16px 0; font-size: 20px; font-weight: 700; color: #0a2b3e; } .dimax-calc-result p { margin: 8px 0; font-size: 16px; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px dashed #e2e8f0; padding: 8px 0; } /* Вирівнювання значень по правому краю */ .dimax-calc-result span { font-weight: 700; color: #d97706; text-align: right; flex: 1; margin-left: 16px; } .dimax-calc-result strong { min-width: 220px; } .dimax-calc-note { font-size: 13px; color: #5b6e8c; margin-top: 16px; background: #fef9e8; padding: 12px 16px; border-radius: 18px; } .dimax-calc-button { background: #f5a623; color: #1e1e2a; border: none; padding: 12px 24px; font-size: 16px; font-weight: 700; border-radius: 40px; cursor: pointer; transition: 0.2s; width: 100%; margin-top: 10px; } .dimax-calc-button:hover { background: #e69500; transform: translateY(-1px); } .dimax-calc-reset { background: #e2e8f0; color: #1e4663; margin-top: 12px; } .dimax-calc-reset:hover { background: #cbd5e1; transform: none; } .dimax-calc-flex-btns { display: flex; gap: 12px; flex-wrap: wrap; } @media (max-width: 680px) { .dimax-calc-container { padding: 18px; } .dimax-calc-title { font-size: 22px; } .dimax-calc-result strong { min-width: 160px; } } Калькулятор утеплення будинку Розрахуйте приблизну кількість матеріалів для утеплення фасаду або стін. Калькулятор допоможе оцінити бюджет та обсяг робіт перед покупкою. Довжина стіни (м) Висота стіни (м) Площа вікон/дверей (м²) Тип утеплювача Мінеральна вата (щільність 35-40 кг/м³) Пінополістирол (ППС, 25 кг/м³) Екструдований пінополістирол (XPS) Товщина утеплювача (мм) 50 мм 80 мм 100 мм (рекомендовано) 120 мм 150 мм РОЗРАХУВАТИ МАТЕРІАЛИ Очистити Орієнтовна витрата матеріалів Площа утеплення: 0 м² Утеплювач: 0 м³ (0 упаковок/плит) Клейова суміш (для приклеювання плит): 0 кг Тарілчасті дюбелі (грибки): 0 шт. Армуюча сітка (склосітка): 0 м² (з запасом) Ґрунтовка (глибокого проникнення): 0 л Увага: Калькулятор дає приблизні значення. Для точного розрахунку враховуйте архітектурні особливості, кількість кутів, схилів. Рекомендуємо додати +10% запасу. Актуальні ціни та наявність уточнюйте у менеджерів DIMAX. (function() { // Перевіряємо, чи скрипт вже підключений до цього модуля (захист від подвійного виконання в Opencart) const moduleEl = document.querySelector('.dimax-calc-module'); if (!moduleEl || moduleEl.hasAttribute('data-calc-initialized')) return; moduleEl.setAttribute('data-calc-initialized', 'true'); // Елементи вводу const wallLength = document.getElementById('wallLength'); const wallHeight = document.getElementById('wallHeight'); const openings = document.getElementById('openings'); const insulationType = document.getElementById('insulationType'); const thicknessSelect = document.getElementById('thickness'); const calcBtn = document.getElementById('calcBtn'); const resetBtn = document.getElementById('resetBtn'); const resultDiv = document.getElementById('resultArea'); // Поля для виведення результатів const areaSpan = document.getElementById('areaValue'); const insulationVolSpan = document.getElementById('insulationVol'); const insulationPackSpan = document.getElementById('insulationPack'); const glueKgSpan = document.getElementById('glueKg'); const dowelsSpan = document.getElementById('dowels'); const meshSpan = document.getElementById('mesh'); const primerSpan = document.getElementById('primer'); // Допоміжна функція: округлення до цілих / десятих function roundNum(val, decimals = 1) { return Math.round(val * 10 ** decimals) / 10 ** decimals; } // Головний розрахунок function calculateMaterials() { // Отримуємо значення, підставляємо стандартні при помилці let length = parseFloat(wallLength.value); let height = parseFloat(wallHeight.value); let openingsArea = parseFloat(openings.value); if (isNaN(length)) length = 10; if (isNaN(height)) height = 3; if (isNaN(openingsArea)) openingsArea = 5; // Площа стіни без отворів const rawArea = length * height; let netArea = rawArea - openingsArea; if (netArea < 0) netArea = 0; // Товщина утеплювача (м) const thicknessMm = parseInt(thicknessSelect.value, 10); const thicknessM = thicknessMm / 1000; // Об'єм утеплювача (м³) const volume = netArea * thicknessM; // Розрахунок кількості упаковок/плит (залежить від типу) const sheetArea = 0.72; // стандартна плита 1200x600 = 0.72 м² let sheetsCount = Math.ceil(netArea / sheetArea); let packs = Math.ceil(sheetsCount / 2); // Клей: приблизна норма 5-6 кг/м² (залежить від товщини шару). Візьмемо 5.5 кг/м² const gluePerM2 = 5.5; let glueKg = Math.ceil(netArea * gluePerM2); // Дюбелі (грибки) — 6-8 шт/м², візьмемо 7 шт/м² + запас let dowelsCount = Math.ceil(netArea * 7); // Склосітка (армуюча) — коефіцієнт 1.1 на нахлести let meshArea = Math.ceil(netArea * 1.1); // Ґрунтовка: приблизно 0.2-0.25 л/м² для базової, візьмемо 0.22 л/м² let primerLiters = Math.ceil(netArea * 0.22); // Виводимо дані в HTML areaSpan.innerText = netArea.toFixed(1); insulationVolSpan.innerText = volume.toFixed(2); // Виведення кількості упаковок / листів if (insulationType.value === 'mineral') { insulationPackSpan.innerText = packs + ' упаковок (близько ' + sheetsCount + ' плит)'; } else if (insulationType.value === 'eps') { insulationPackSpan.innerText = packs + ' упаковок (близько ' + sheetsCount + ' листів)'; } else { insulationPackSpan.innerText = packs + ' упаковок (близько ' + sheetsCount + ' плит XPS)'; } glueKgSpan.innerText = glueKg; dowelsSpan.innerText = dowelsCount; meshSpan.innerText = meshArea; primerSpan.innerText = primerLiters; // Показати блок з результатами resultDiv.style.display = 'block'; } // Функція очищення (скидання до стандартних значень) function resetForm() { wallLength.value = '10'; wallHeight.value = '3'; openings.value = '5'; insulationType.value = 'mineral'; thicknessSelect.value = '100'; resultDiv.style.display = 'none'; } // Обробники подій calcBtn.addEventListener('click', calculateMaterials); resetBtn.addEventListener('click', resetForm); // Автоматичний розрахунок при завантаженні сторінки setTimeout(() => { calculateMaterials(); }, 100); })();

Онлайн калькулятор утеплення будинку | DIMAX

Калькулятор утеплення будинку

Орієнтовна витрата матеріалів