Калькулятор металла

/* Базовые стили для калькулятора */ .simple-metal-calculator { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Open Sans', sans-serif; max-width: 100%; margin: 20px 0; border: 1px solid #e0e0e0; border-radius: 16px; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); overflow: hidden; } .calc-header { background: linear-gradient(135deg, #2c3e50 0%, #1a2632 100%); color: white; padding: 20px 24px; text-align: center; } .calc-header h3 { margin: 0 0 8px 0; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.3px; } .calc-header p { margin: 0; opacity: 0.85; font-size: 0.9rem; } .calc-body { padding: 24px; } /* Стили для формы */ .calc-row { margin-bottom: 20px; } .calc-row label { display: block; font-weight: 600; margin-bottom: 8px; color: #2c3e50; font-size: 0.9rem; } .calc-row select, .calc-row input { width: 100%; padding: 12px 15px; border: 1px solid #d1d5db; border-radius: 12px; font-size: 1rem; transition: all 0.2s ease; background-color: #fff; box-sizing: border-box; } .calc-row select:focus, .calc-row input:focus { outline: none; border-color: #2c3e50; box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.1); } /* Группа для двух полей в ряд */ .dimensions-group { display: flex; gap: 15px; flex-wrap: wrap; } .dimensions-group > div { flex: 1; min-width: 100px; } /* Кнопка */ .calc-btn { background: linear-gradient(135deg, #2c3e50 0%, #1a2632 100%); color: white; border: none; padding: 14px 20px; border-radius: 40px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: transform 0.1s ease, box-shadow 0.2s ease; width: 100%; margin-top: 10px; } .calc-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); } .calc-btn:active { transform: translateY(0); } /* Блок с результатом */ .calc-result { background-color: #f8fafc; border-radius: 16px; padding: 20px; margin-top: 25px; text-align: center; border: 1px solid #e2e8f0; } .result-weight { font-size: 2.2rem; font-weight: 800; color: #2c3e50; line-height: 1.2; } .result-unit { font-size: 1rem; font-weight: normal; color: #64748b; } .result-note { font-size: 0.8rem; color: #64748b; margin-top: 12px; border-top: 1px solid #e2e8f0; padding-top: 12px; } /* Поля в зависимости от типа */ .hidden-field { display: none; } /* Адаптив */ @media (max-width: 600px) { .calc-body { padding: 16px; } .dimensions-group { flex-direction: column; gap: 15px; } .result-weight { font-size: 1.8rem; } .calc-header h3 { font-size: 1.3rem; } } Калькулятор веса металлопроката Рассчитайте массу заготовки за секунду Материал Сталь (7850 кг/м³) Алюминий (2700 кг/м³) Медь (8960 кг/м³) Латунь (8400 кг/м³) Бронза (8500 кг/м³) Золото (19300 кг/м³) Серебро (10500 кг/м³) Платина (21450 кг/м³) Свинец (11340 кг/м³) Олово (7300 кг/м³) Магний (1740 кг/м³) Титан (4500 кг/м³) Никель (8900 кг/м³) Вольфрам (19250 кг/м³) Цинк (10200 кг/м³) Тип металлопроката Круг (пруток) Лист / Плита Квадрат Шестигранник Труба круглая Труба профильная Уголок равнополочный Диаметр (мм) Длина (мм) Ширина (мм) Толщина (мм) Сторона квадрата (мм) Размер под ключ (мм) Наружный диаметр (мм) Толщина стенки (мм) Ширина (мм) Высота (мм) Толщина стенки (мм) Ширина полки (мм) Толщина полки (мм) Длина / Штучная длина (м) Количество (шт) Рассчитать вес 14.797 кг * Материал: Сталь (7850 кг/м³). Вес 1 шт: 14.797 кг (function() { // Константы для перевода мм в м const MM_TO_M = 0.001; const MM2_TO_M2 = 0.000001; // DOM элементы const materialSelect = document.getElementById('metalMaterial'); const typeSelect = document.getElementById('metalType'); const resultSpan = document.getElementById('resultWeight'); // Контейнеры полей const circleDiv = document.getElementById('circleFields'); const sheetDiv = document.getElementById('sheetFields'); const squareDiv = document.getElementById('squareFields'); const hexagonDiv = document.getElementById('hexagonFields'); const pipeDiv = document.getElementById('pipeFields'); const profilePipeDiv = document.getElementById('profilePipeFields'); const angleDiv = document.getElementById('angleFields'); // Функция скрыть/показать поля в зависимости от выбранного типа function toggleFields() { const selected = typeSelect.value; // Скрыть все circleDiv.classList.add('hidden-field'); sheetDiv.classList.add('hidden-field'); squareDiv.classList.add('hidden-field'); hexagonDiv.classList.add('hidden-field'); pipeDiv.classList.add('hidden-field'); profilePipeDiv.classList.add('hidden-field'); angleDiv.classList.add('hidden-field'); // Показать нужные switch(selected) { case 'circle': circleDiv.classList.remove('hidden-field'); break; case 'sheet': sheetDiv.classList.remove('hidden-field'); break; case 'square': squareDiv.classList.remove('hidden-field'); break; case 'hexagon': hexagonDiv.classList.remove('hidden-field'); break; case 'pipe': pipeDiv.classList.remove('hidden-field'); break; case 'profilePipe': profilePipeDiv.classList.remove('hidden-field'); break; case 'angle': angleDiv.classList.remove('hidden-field'); break; default: circleDiv.classList.remove('hidden-field'); } } // Функция для безопасного получения числа function getNumber(elementId, defaultValue = 0) { const val = document.getElementById(elementId)?.value; if (!val && val !== 0) return defaultValue; const parsed = parseFloat(val); return isNaN(parsed) ? defaultValue : parsed; } // Получение плотности материала function getDensity() { return parseFloat(materialSelect.value); } // Получение названия материала function getMaterialName() { return materialSelect.options[materialSelect.selectedIndex]?.text || 'материала'; } // Основная функция расчета function calculateWeight() { const density = getDensity(); const materialName = getMaterialName(); const type = typeSelect.value; const lengthM = getNumber('lengthMeters', 0); const quantity = getNumber('quantity', 1); let volumeM3 = 0; // объем в куб. метрах try { if (lengthM