Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
prism_diopters_degrees_converter [2025/02/22 18:07] – Scott Larsonprism_diopters_degrees_converter [2025/06/07 02:03] (current) – Scott Larson
Line 1: Line 1:
 ====== Prism Diopter to Degree Converter ====== ====== Prism Diopter to Degree Converter ======
  
-[[prism_diopters_degrees_converter|To Reload Converter ⇒ Click Here]]\\+[[https://eyefixer.org/prism-diopter-to-degree-converter/|Click Here]]
  
-<html> +{{tag>calculator prism}}
-<head> +
-    <meta charset="UTF-8"> +
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"> +
-    <title>Prism Diopter & Angle Converter</title> +
-    <style> +
-        body { +
-            font-family: Arial, sans-serif; +
-            margin: 20px; +
-            padding: 20px; +
-            max-width: 800px; +
-        } +
-        h2 { +
-            color: #333; +
-        } +
-        label { +
-            font-weight: bold; +
-        } +
-        input, button { +
-            margin-top: 5px; +
-            padding: 8px; +
-            font-size: 16px; +
-        } +
-        p { +
-            font-size: 18px; +
-            font-weight: bold; +
-            color: blue; +
-            margin-top: 10px; +
-        } +
-    </style> +
-</head> +
-<body> +
- +
-    <h2>Prism Diopter & Angle Converter</h2> +
- +
-    <!-- Convert Angle to Prism Diopter --> +
-    <h3>Convert Degrees to Prism Diopters</h3> +
-    <label for="angleInput">Enter Angle (1-90 degrees): </label> +
-    <input type="number" id="angleInput" step="any" min="1" max="90"> +
-    <button onclick="convertToDiopters()">Convert</button> +
-    <p id="resultDiopters"></p> +
-    <hr> +
-    <!-- Convert Prism Diopter to Angle --> +
-    <h3>Convert Prism Diopters to Degrees</h3> +
-    <label for="diopterInput">Enter Prism Diopters: </label> +
-    <input type="number" id="diopterInput" step="any"> +
-    <button onclick="convertToAngle()">Convert</button> +
-    <p id="resultAngle"></p> +
- +
-    <script> +
-        function convertToDiopters() { +
-            let angle = parseFloat(document.getElementById("angleInput").value); +
-            let resultElement = document.getElementById("resultDiopters"); +
- +
-            if (isNaN(angle) || angle < 1 || angle > 90) { +
-                resultElement.innerHTML = "Please enter an angle between 1 and 90 degrees."; +
-                return; +
-            } +
- +
-            let prismDiopter = 100 * Math.tan(angle * (Math.PI / 180)); // Convert degrees to radians +
-            let roundedDiopter = Math.round(prismDiopter); // Round to whole number +
- +
-            resultElement.innerHTML = `Prism Diopters: <b>${roundedDiopter}</b>`; +
-        } +
- +
-        function convertToAngle() { +
-            let diopters = parseFloat(document.getElementById("diopterInput").value); +
-            let resultElement = document.getElementById("resultAngle"); +
- +
-            if (isNaN(diopters)) { +
-                resultElement.innerHTML = "Please enter a valid prism diopter value."; +
-                return; +
-            } +
- +
-            let angle = Math.atan(diopters / 100) * (180 / Math.PI); // Convert radians to degrees +
-            let roundedAngle = Math.round(angle); // Round to whole number +
- +
-            resultElement.innerHTML = `Angle: <b>${roundedAngle}°</b>`; +
-        } +
- +
-        // Allow "Enter" key to trigger conversion +
-        document.getElementById("angleInput").addEventListener("keypress", function(event) { +
-            if (event.key === "Enter") { +
-                convertToDiopters(); +
-            } +
-        }); +
- +
-        document.getElementById("diopterInput").addEventListener("keypress", function(event) { +
-            if (event.key === "Enter") { +
-                convertToAngle(); +
-            } +
-        }); +
-    </script> +
- +
-</body> +
-</html> +
- +
- +
- +
-{{tag>calculator}}+