Front Center Calculator

#calculator { max-width: 400px; margin: 20px auto; } label { display: block; margin-bottom: 5px; } input { width: 100%; padding: 5px; margin-bottom: 10px; } button { background-color: #4caf50; color: white; padding: 10px; border: none; cursor: pointer; } button:hover { background-color: #45a049; } #result { margin-top: 10px; } function calculate() { // Get input values var A = parseFloat(document.getElementById(‘inputA’).value); var B = parseFloat(document.getElementById(‘inputB’).value); var C = parseFloat(document.getElementById(‘inputC’).value); // Perform the calculation var D = Math.sqrt(Math.pow((A – Math.sqrt(Math.pow(B, 2) – Math.pow(C, 2))), 2) + Math.pow(C, 2)); // Display the result document.getElementById(‘result’).innerHTML = ‘Result: ‘ + D.toFixed(2); }