Create index.html

fswaleh · Feb 27, 2023 · b06f82f · b06f82f
1 parent a6872f9
commit b06f82f
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+    <head>
+    <script src="script.js"></script>
+    <link rel="stylesheet" href="style.css">
+    <title>Simple Interest Calculator</title>
+    </head>
+    <body>
+
+        <div class="maindiv">
+            <h1>Simple Interest Calculator</h1>
+
+        Amount <input type="number"  id="principal"> <br/>
+        Rate <input type="range" id="rate" min="1" max="20" onchange="updateRate()"> 
+        <span id="rate_val">
+            10.25
+        </span>% <br/>
+        No. of Years <input type="number" id="years" list="all_years">
+        <datalist id="all_years">
+            <option value="1">1</option>
+            <option value="2">2</option>
+            <option value="3">3</option>
+            <option value="4">4</option>
+            <option value="5">5</option>
+            <option value="6">6</option>
+            <option value="7">7</option>
+            <option value="8">8</option>
+            <option value="9">9</option>
+            <option value="10">10</option>
+        </datalist>
+
+        <br/>
+        Interest : <span id="result"></span><br>
+
+        <button onclick="compute()">Compute Interest</button>
+        <span id="result">
+
+        </span>
+        </div>
+        <br/>
+
+        <footer>Copyright reserved for Fathy Swaleh</footer>
+
+    </body>
+</html>
+
+