body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .calculator { background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 300px; } h1 { font-size: 24px; margin-bottom: 20px; } label { display: block; margin-bottom: 5px; font-weight: bold; } input, select { width: 100%; padding: 8px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; } button { width: 100%; padding: 10px; background-color: #28a745; color: #fff; border: none; border-radius: 4px; cursor: pointer; } button:hover { background-color: #218838; } #result { margin-top: 20px; font-size: 18px; font-weight: bold; } document.getElementById('heatLossCalculator').addEventListener('submit', function(event) { event.preventDefault(); // Получаем значения из формы const area = parseFloat(document.getElementById('area').value); const materialCoefficient = parseFloat(document.getElementById('material').value); const tempDifference = parseFloat(document.getElementById('tempDifference').value); // Рассчитываем теплопотери const heatLoss = area * materialCoefficient * tempDifference; // Выводим результат document.getElementById('result').textContent = `Теплопотери: ${heatLoss.toFixed(2)} Вт`; });