add for_in_loop.html and for_of_loop.html for demonstrating JavaScript loops

Pankaj-Str · Pankaj-Str · commit 273b203e02d1 · 2026-04-09T13:40:49.000+05:30
diff --git a/Lectures/Lecture03/9 April 2026/for_in_loop.html b/Lectures/Lecture03/9 April 2026/for_in_loop.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+
+    <script>
+
+        const person = {
+            first_name : "sumit",
+            last_name : "yadav",
+            age : 25
+        };
+
+        //document.write("the name is : ",person.first_name)
+
+        //console.log("the name is : ",person.first_name)
+
+
+        // using loop for print all data 
+        for(key in person){
+            document.write(key," = ",person[key],"<hr>")
+        }
+
+
+        // using array 
+        data = [12,13,14,15,16,17]
+        for(i in data){
+            document.write("<hr> ",i," = ",data[i])
+        }
+
+    </script>
+
+</head>
+<body>
+    
+</body>
+</html>
diff --git a/Lectures/Lecture03/9 April 2026/for_of_loop.html b/Lectures/Lecture03/9 April 2026/for_of_loop.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script>
+
+        color = ["white","blue","green","yellow","pink"]
+
+        for(c of color){
+            document.write("<hr>",c)
+        }
+
+        // string 
+
+        document.write("<br> ------------------------- ")
+
+        function print(){
+            Data = "bhoomi"
+            for(i of Data){
+                //document.write("<br>",i)
+                document.getElementById("print_data").innerHTML += "<br>"+i
+                
+            }
+        }
+
+    </script>
+
+</head>
+<body>
+
+    <h1>Welcome to codeswithpankaj.com</h1>
+    <button onclick="print()">Print</button>
+    <p id="print_data"></p>
+
+    
+</body>
+</html>
