update color code

Pankaj-Str · Pankaj-Str · commit 1811caf9061a · 2024-02-26T11:54:15.000+05:30
diff --git a/Example/Array/Example.html b/Example/Array/Example.html
@@ -0,0 +1,23 @@
+<!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>
+        
+        data = ['A','B','C','D'];
+
+        //console.log(data[0]);
+
+        for(let i = 0 ; i <= 10 ; i++){
+            console.log(data[i])
+        }
+
+
+    </script>
+</head>
+<body>
+    
+</body>
+</html>
diff --git a/Example/Loop/Color.html b/Example/Loop/Color.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<title>
+		How to Change Background Color
+		of a Div on Mouse Move Over
+		using JavaScript ?
+	</title>
+
+	<style>
+	  li{
+            list-style: none;
+            border: solid 1px black;
+            height: 25px;
+            width: 25px;
+            border-radius: 100px;
+            text-align: center;
+            float: left;
+            padding: 25px;
+            margin: 5px;
+            background-color: aqua;
+        }
+	</style>
+</head>
+
+<body>
+   	
+   
+    <lable>Enter Number : </lable>
+    <input type="text" id="box_no">
+    <button onclick="changeColor()">Result</button>
+
+        <ul id="print">        
+        </ul>
+
+	<script type="text/javascript">
+	
+        
+const hexCharacters = [0,1,2,3,4,5,6,7,8,9,"A","B","C","D","E","F"]
+
+
+
+function getCharacter(index) {
+	return hexCharacters[index]
+}
+
+function generateNewColor() {
+	let hexColorRep = "#"
+
+	for (let index = 0; index < 6; index++){
+		const randomPosition = Math.floor ( Math.random() * hexCharacters.length ) 
+    	hexColorRep += getCharacter( randomPosition )
+	}
+	
+	return hexColorRep
+}
+
+
+
+ function changeColor(){
+           
+    //     let color_box = document.getElementById("box"); 
+
+    //        for(let i = 0 ; i < 10 ; i++){
+
+    //    // let color = document.getElementById("box").style.backgroundColor = generateNewColor();   
+    //         color_box.innerHTML += "<li>"+generateNewColor()+"</li>";
+
+           
+    //     }
+         list = document.getElementById("box_no").value;
+
+           let print_data = document.getElementById("print");
+
+            for(let i = 0; i <= list ; i++){
+
+               
+                // print_data.style.backgroundColor += generateNewColor();
+                print_data.innerHTML += "<li>"+i+"</li>";
+               
+               
+
+
+       
+               // 
+              
+       
+
+       }
+    }
+    
+    </script>
+
+</ul>
+   
+
+</body>
+
+</html>
