Implementing sum of even numbers algorithm

Min-Thway-Htut · Min-Thway-Htut · commit 403a92849534 · 2024-07-10T20:38:22.000+02:00
diff --git a/A3_part2.html b/A3_part2.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Part 2</title>
+</head>
+<body>
+    <style>
+        body{
+            background-color: aquamarine;
+        }
+        .evenNumbers{
+            margin-top: 15px;
+            margin-bottom: 15px;
+        }
+    </style>
+
+    <h1>Myat Thinzar Lynn - 12423051</h1>
+    <h2>Assignment 3 - Part 02</h2>
+    <h3>Sum of even numbers between 0 to N</h3>
+
+    <div class="number-input">
+        <label input="quantity">Enter a number between 1 to 100</label>
+        <input type="number" id="input-number" name="quantity">
+    </div>
+
+    <div class="evenNumbers">
+        <button onclick="sumOfEvenNumbers()">Get the results</button>
+    </div>
+
+    <p id="final-result"></p>
+
+    <script>
+        function sumOfEvenNumbers(){
+            let sum = 0;
+            let userInput = parseFloat(document.getElementById('input-number').value);
+            if(userInput >= 1 & userInput <= 100){
+                for (var i = 0; i <= userInput; i++){
+                      if (i % 2 === 0){
+                        sum += i;
+                      }
+                }
+                document.getElementById('final-result').innerHTML = "The sum of even numbers between 0 and " + userInput + " is " + sum + "." ;
+            }else{
+                document.getElementById('final-result').innerHTML = "Please provide the number between 1 and 100!"
+            }
+        }
+        
+
+    </script>
+</body>
+</html>
