let calculationSteps = “”; function calculateAspectRatio(){ calculationSteps=””; const width = parseFloat(document.getElementById(“screenWidth”).value); const height = parseFloat(document.getElementById(“screenHeight”).value); if (isNaN(width) || isNaN(height) || width <= 0 || height <= 0) { alert("Please enter valid positive values for both width and height."); return; } const gcd = getGCD(width, height); const aspectRatio = (width / gcd) + ":" + (height / gcd); document.getElementById("aspectRatio").value = aspectRatio; calculationSteps += `Inputs:
Width: ${width} inches
Height: ${height} inches

`; calculationSteps += `Formula:
Aspect Ratio = Width : Height

`; calculationSteps += `Result:
Aspect Ratio: ${aspectRatio}
`; if (document.getElementById(“calculationSteps”).style.display === “block”) { document.getElementById(“calculationSteps”).innerHTML = calculationSteps; } } function getGCD(a, b) { while (b) { let temp = b; b = a % b; a = temp; } return a; } function resetCalculator() { document.querySelectorAll(“#calculator input”).forEach(el => el.value = “”); calculationSteps = “”; document.getElementById(“calculationSteps”).innerHTML = “

Not calculated yet.

“; } function toggleCalculationSteps() { const s = document.getElementById(“calculationSteps”); const a = document.getElementById(“toggleArrow”); if (s.style.display === “none” || s.style.display === “”) { s.style.display = “block”; a.style.transform = “rotate(180deg)”; s.innerHTML = calculationSteps || “

Not calculated yet.

“; } else { s.style.display = “none”; a.style.transform = “rotate(0deg)”; } }