#calculator-container { max-width: 100%; margin: 0 auto; padding: 20px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 8px; } #calculator-table { width: 100%; border-spacing: 10px; } #calculator-table select, #calc-fields input, #calculate-btn { width: 100%; padding: 10px; font-size: 16px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; } #calculate-btn { background: #007BFF; color: white; cursor: pointer; border: none; } #calculate-btn:hover { background: #0056b3; } #calc-result { font-size: 18px; margin-top: 20px; text-align: center; }

document.getElementById('calculate-btn').addEventListener('click', function () { const weight = parseFloat(document.getElementById('calc_weight').value) || 0; const length = parseFloat(document.getElementById('calc_length').value) || 0; const quantity = parseInt(document.getElementById('calc_quantity').value) || 0; const result = (weight && length && quantity) ? (weight * length * quantity).toFixed(2) : 'Пожалуйста, заполните все поля корректно'; document.getElementById('result').textContent = result; });