Калькулятор гипсокартона, профиля и клея онлайн DIMAX

Калькулятор гипсокартона, профиля и клея DIMAX /* Повністю ізольовані стилі — без впливу на глобальний дизайн сайту */ .gkl-calc-module { max-width: 100%; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; margin: 30px 0; } .gkl-calc-container { max-width: 1200px; 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; } .gkl-calc-title { font-size: 26px; font-weight: 700; color: #0a2b3e; margin: 0 0 8px 0; border-left: 5px solid #f5a623; padding-left: 18px; } .gkl-calc-sub { color: #475569; margin-bottom: 24px; font-size: 15px; padding-left: 23px; } .gkl-calc-grid { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 28px; } .gkl-calc-field { flex: 1; min-width: 180px; } .gkl-calc-field label { display: block; font-weight: 600; color: #1e4663; margin-bottom: 6px; font-size: 14px; } .gkl-calc-field input, .gkl-calc-field select { width: 100%; padding: 12px 14px; border: 1px solid #cbd5e1; border-radius: 16px; font-size: 16px; background: #fff; transition: 0.2s; } .gkl-calc-field input:focus, .gkl-calc-field select:focus { outline: none; border-color: #f5a623; box-shadow: 0 0 0 3px rgba(245,166,35,0.1); } .gkl-calc-result { background: #f8fafc; border-radius: 24px; padding: 20px 24px; margin: 20px 0; border-left: 4px solid #f5a623; } .gkl-calc-result h3 { margin: 0 0 16px 0; font-size: 20px; font-weight: 700; color: #0a2b3e; } .gkl-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; } .gkl-calc-result span { font-weight: 700; color: #d97706; text-align: right; flex: 1; margin-left: 16px; } .gkl-calc-result strong { min-width: 230px; } .gkl-calc-note { font-size: 13px; color: #5b6e8c; margin-top: 16px; background: #fef9e8; padding: 12px 16px; border-radius: 18px; } .gkl-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; } .gkl-calc-button:hover { background: #e69500; transform: translateY(-1px); } .gkl-calc-reset { background: #e2e8f0; color: #1e4663; margin-top: 12px; } .gkl-calc-reset:hover { background: #cbd5e1; transform: none; } .gkl-calc-flex-btns { display: flex; gap: 12px; flex-wrap: wrap; } .price-link { font-size: 14px; margin-top: 4px; display: block; } .price-link a { color: #1e4663; text-decoration: none; border-bottom: 1px dashed #cbd5e1; } .price-link a:hover { color: #d97706; border-bottom-color: #d97706; } @media (max-width: 680px) { .gkl-calc-container { padding: 18px; } .gkl-calc-title { font-size: 22px; } .gkl-calc-result strong { min-width: 160px; } } Калькулятор гипсокартона, профиля и клея Вычислите ориентировочное количество материалов для стен, перегородок или потолков из гипсокартона. Выберите тип конструкции и получите рекомендации. Тип конструкции Стены / облицовка стен Подвесной потолок Перегородка (двухсторонняя) Длина (м) Высота или ширина (м) Тип гипсокартона Стеновой ГКЛ (12.5 мм) Потолочный ГКБ (9.5 мм) Влагостойкий ГКЛВ (12.5 мм) Огнестойкий ГКЛО (12.5 мм) Рассчитать материалы Очистить Ориентировочный расход материалов Площадь поверхности: 0 м² Гипсокартон (листы 1200x2000 мм): 0 шт. Каркас (профиль): 0 Клей для гипсокартона (бескаркасный монтаж): 0 Саморезы (металл-металл/метал-дерево): 0 шт. Важное замечание. Калькулятор дает приблизительные значения. Для точного расчета прибавьте 10-15% запаса. Актуальные цены и наличие смотрите на страницах: Гипсокартон и Аквапанель | Профиль и крепеж для гипсокартона | Клей для гипсокартона (function() { const moduleEl = document.querySelector('.gkl-calc-module'); if (!moduleEl || moduleEl.hasAttribute('data-calc-initialized')) return; moduleEl.setAttribute('data-calc-initialized', 'true'); // Елементи вводу const constructType = document.getElementById('constructType'); const lengthInput = document.getElementById('length'); const heightInput = document.getElementById('height'); const gklType = document.getElementById('gklType'); const calcBtn = document.getElementById('calcBtn'); const resetBtn = document.getElementById('resetBtn'); const resultDiv = document.getElementById('resultArea'); // Поля результатів const squareSpan = document.getElementById('squareArea'); const sheetsSpan = document.getElementById('sheetsCount'); const profileSpan = document.getElementById('profileInfo'); const glueSpan = document.getElementById('glueInfo'); const screwsSpan = document.getElementById('screwsInfo'); // Розмір листа ГКЛ (1200x2000 мм = 2.4 м²) const SHEET_AREA = 2.4; function roundUp(value) { return Math.ceil(value * 10) / 10; } function calculateMaterials() { let length = parseFloat(lengthInput.value); let height = parseFloat(heightInput.value); if (isNaN(length)) length = 4; if (isNaN(height)) height = 2.5; let area = 0; let sheets = 0; let profileText = ''; let glueText = ''; let screwsText = ''; const type = constructType.value; if (type === 'wall') { // Стіна: площа = довжина * висота area = length * height; sheets = Math.ceil(area / SHEET_AREA); // Каркас для стін: профіль CD та UD const cdCount = Math.ceil(length / 0.6) * (Math.ceil(height / 1) + 1); // вертикальні стійки крок 0.6м const udCount = (length * 2 + height * 2) / 3; // напрямні по периметру (приблизно) profileText = `близько ${Math.ceil(cdCount)} м профілю CD (60x27), ${Math.ceil(udCount)} м профілю UD (27x28). Переглянути профілі`; // Безкаркасний клей glueText = `При безкаркасному монтажі: ${Math.ceil(area / 4)} мішків (25 кг). Рекомендований клей: Knauf Perlfix (297.57 грн/мішок) або Siltek T-88 (284.97 грн/мішок).`; screwsText = Math.ceil(area * 20) + ' (саморізи для кріплення ГКЛ до профілю)'; } else if (type === 'ceiling') { // Стеля: площа area = length * height; sheets = Math.ceil(area / SHEET_AREA); // Стельовий профіль: CD + UD + підвіси const cdLength = length * (Math.ceil(height / 0.5) + 1); const udLength = (length + height) * 2; const suspenders = Math.ceil(area / 0.36); profileText = `близько ${Math.ceil(cdLength)} м профілю CD (60x27), ${Math.ceil(udLength)} м профілю UD (27x28), ~${suspenders} прямих підвісів. Детальніше про кріплення`; glueText = `Для стель використовується каркасний метод, клей не потрібен.`; screwsText = Math.ceil(area * 30) + ' (саморізи з потайною головкою)'; } else { // partition // Перегородка: двостороння, площа = (довжина * висота) * 2 area = length * height * 2; sheets = Math.ceil(area / SHEET_AREA); // Каркас для перегородки: CW + UW const cwLength = (length / 0.6) * height * 2; const uwLength = (length + height) * 2; profileText = `близько ${Math.ceil(cwLength)} м профілю CW (стійковий), ${Math.ceil(uwLength)} м профілю UW (напрямний). Переглянути асортимент`; glueText = `Для каркасних перегородок клей не використовується.`; screwsText = Math.ceil(area * 25) + ' (саморізи для ГКЛ до металу)'; } // Відображення результатів squareSpan.innerText = area.toFixed(1); sheetsSpan.innerText = sheets; profileSpan.innerHTML = profileText; glueSpan.innerHTML = glueText; screwsSpan.innerHTML = screwsText; resultDiv.style.display = 'block'; } function resetForm() { constructType.value = 'wall'; lengthInput.value = '4'; heightInput.value = '2.5'; gklType.value = 'wall'; resultDiv.style.display = 'none'; } calcBtn.addEventListener('click', calculateMaterials); resetBtn.addEventListener('click', resetForm); setTimeout(() => { calculateMaterials(); }, 100); })();