All Folders Added'

SilentProgrammer-max · SilentProgrammer-max · commit c7701729043b · 2025-05-29T21:33:41.000+05:00
diff --git a/README.md b/README.md
@@ -62,4 +62,4 @@ This is not just a course — it’s a **journey from zero to web hero**! 🌟 S
 ---
 
 🚀 Let’s build the web — one line of code at a time!  
-**#HappyCoding 👩‍💻❤️🧠🌐🔥**
+**#HappyCoding 👩‍💻❤️🧠🌐🔥**
diff --git a/Video62/index.js b/Video62/index.js
@@ -0,0 +1,18 @@
+/* Create a business name generator by combining list of ajectives and shop name and another word
+use functions not array 
+Adjectives:
+Crazy
+amazing
+fire
+
+Shop Name:
+Engine
+Foods
+Garments
+
+Another Word:
+Bros
+Limited
+Hub
+
+*/
diff --git a/Video63/index.html b/Video63/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script src="index.js"></script>
+</body>
+</html>
diff --git a/Video63/index.js b/Video63/index.js
@@ -0,0 +1,36 @@
+let arr = [1, 2, 3, 4, 5, 7]
+    // index  0, 1, 2, 3, 4
+arr[0] = 5666;
+// console.log(arr, typeof arr); //type of array is object 
+// console.log(arr.length)
+// console.log(arr[0])
+// console.log(arr[2])
+// console.log(arr[4])
+// let a = "harry"
+// a[0] = "K"
+// console.log(a)
+// string not changed
+// console.log(arr.toString())
+// console.log(arr.join(" and "))
+// let a = [1,2,3,4,5,6]
+// console.log(a.pop())
+// console.log(a)
+// console.log(a.push(100))
+// console.log(a)
+// console.log(a.push("Harry"))
+// console.log(a)
+// console.log(a.shift())
+// console.log(a)
+// console.log(a.unshift("jack"))
+// console.log(a)
+// let a1 = [1, 2, 3]
+// let a2 = [4, 5, 6]
+// let a3 = [9, 8, 7]
+// console.log(a1. concat(a2, a3))
+// let a4 = [7, 9, 8]
+// console.log(a.sort())
+const a = [1,2,3,4,5]
+console.log(a.splice(2,3,4,222,333))
+console.log(a)
+console.log(a.reverse(a))
+console.log(a)
diff --git a/Video63/loops.js b/Video63/loops.js
@@ -0,0 +1,24 @@
+let a =[1,93,5,6,88]
+
+// for (let index = 0; index < a.length; index++) {
+//     const element = a[index];
+//     console.log(element)
+// }
+// a.forEach((value,index,arr)=>{
+//     console.log(value,index,arr)
+// })
+// let obj = {
+//     a: 1,
+//     b: 2,
+//     c: 3
+// }
+
+// for (const key in obj) {
+//     if (Object.prototype.hasOwnProperty.call(obj, key)) {
+//         const element = obj[key];
+//         console.log(key, element) 
+//     }
+// }
+// for (const element of a) {
+//     console.log(element)
+// }
diff --git a/Video63/mfr.js b/Video63/mfr.js
@@ -0,0 +1,23 @@
+let arr=[1,13,5,7,11];
+let newArr = []
+for (let index = 0; index < arr.length; index++ ){
+    const element = arr[index];
+    newArr.push(element**2)
+}
+let newArr=arr.map((e , index, array)=>{
+    return e**2
+})
+console.log(newArr)
+const greaterThanSeven = (e)=>{
+    if(e>7){
+    return true
+    }
+    return false
+}
+console.log(arr.filter(greaterThanSeven))
+let arr2 = [1,2,3,4,5,6]
+const red = (a,b) =>{
+    return a+b
+}
+console.log(arr2.reduce(red))
+console.log(Array.from("Harry")) 
diff --git a/Video63/tempCodeRunnerFile.js b/Video63/tempCodeRunnerFile.js
@@ -0,0 +1 @@
+let arr=[1,13,5,7,11];
diff --git a/Video64/index.html b/Video64/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        let rand = Math.random()
+        let first, second, third;
+        // 0 0.33 0.66 100
+        // Lets generate the first word
+        if (rand<0.33){
+            first = "Crazy"
+        }
+        else if(rand<0.66 && rand>=0.33){
+            first = "Amazing"
+        }
+        else{
+            first = "Fire"
+        }
+        // 0 0.33 0.66 100
+        // Lets generate the Second word
+        rand = Math.random()
+        if (rand<0.33){
+            second = "Engine"
+        }
+        else if(rand<0.66 && rand>=0.33){
+            second = "Food"
+        }
+        else{
+            second = "Garments"
+        }
+        // Lets generate the Third word
+        rand = Math.random()
+        if (rand<0.33){
+            third = "Bros"
+        }
+        else if(rand<0.66 && rand>=0.33){
+            third = "Limited"
+        }
+        else{
+            third = "Hub"
+        }
+        console.log(`${first} ${second} ${third}`)
+    </script>
+</body>
+
+
+
+</html>
diff --git a/Video64/index.js b/Video64/index.js
diff --git a/Video65/index.html b/Video65/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Exercise</title>
+</head>
+<body>
+    <!-- 
+        Write a program to calculate factorial of a number using reduce and using for loops
+
+
+        6! = 6*5*4*3*2*1
+
+     -->
+</body>
+
+
+</html>
diff --git a/Video65/index.js b/Video65/index.js
diff --git a/Video66/index.html b/Video66/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>JavaScript DOM</title>
+    <style></style>
+</head>
+<body>
+    <div class="container">
+        <div class="box">
+            This is a box
+        </div>
+    </div>
+    <script>
+        document.title = "Harry is good"
+        console.log(document.title)
+        console.log(document.body)
+        document.body.style.backgroundColor = "green";
+    </script>
+</body>
+</html>
diff --git a/Video67/index.html b/Video67/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <style>
+      .box {
+        height: 45px;
+        width: 56px;
+        border: 2px solid black;
+        margin: 5px;
+        padding: 5px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <!-- This is me -->
+      <div class="box">Box1</div>
+      <div class="box">Box2</div>
+      <div class="box">Box3</div>
+      <div class="box">Box4</div>
+      <div class="box">Box5</div>
+    </div>
+    <table>
+      <tr>
+        <th>Name</th>
+        <th>Age</th>
+      </tr>
+      <tr>
+        <td>Harry</td>
+        <td>100</td>
+      </tr>
+    </table>
+    <script src="script.js"></script>
+  </body>
+</html>
diff --git a/Video67/script.js b/Video67/script.js
@@ -0,0 +1,2 @@
+console.log("Hello world")
+document.body
diff --git a/Video68/index.html b/Video68/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .box{
+            height: 34px;
+            width: 34px;
+            margin : 34px;
+            padding: 34px;
+            border: 1px solid black;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="box">Bhupendra Jogi 1</div> 
+        <div class="box">Bhupendra Jogi 2</div> 
+        <div class="box">Bhupendra Jogi 1.5</div> 
+        <div id = "redbox" class="box">Bhupendra Jogi 2.5</div> 
+        <div class="box">Bhupendra Jogi 4</div> 
+        <div class="box">Bhupendra Jogi 5</div> 
+        <script src="script.js"></script>
+    </div>
+</body>
+</html>
diff --git a/Video68/script.js b/Video68/script.js
@@ -0,0 +1,11 @@
+console.log("Harry")
+// let bhupendraJogis = document.getElementsByClassName("box")
+// console.log(bhupendraJogis)
+// bhupendraJogis[2].style.backgroundColor="red"
+// document.getElementById("redbox").style.backgroundColor="red"
+// document.querySelector(".box").style.backgroundColor="green"
+document.querySelectorAll(".box").forEach(e =>{
+    e.style.backgroundColor="blue";
+})
+document.getElementsByTagName("div")
+document.getElementsByName("div")
diff --git a/Video69/index.html b/Video69/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Video69/script.js b/Video69/script.js
@@ -0,0 +1,18 @@
+let a = 6
+function factorial(number){
+    let arr = Array.from(Array(number).keys())
+    let c = arr.slice(1,).reduce((a, b)=>{
+        return a*b
+    })
+    return c
+}
+
+function facFor(number){
+    let fac = 1;
+    for (let index = 1; index <= number; index++){
+        fac = fac * index
+    }
+    return fac
+}
+console.log(factorial(a))
+console.log(facFor(a))
diff --git a/Video70/index.html b/Video70/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .container{
+            display:flex;
+            justify-content: center;
+            gap:23px;
+            align-items: center;
+        }
+        .box{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 45px;
+            width : 45px;
+            border: 2px solid rgb(0, 0, 0);
+        }
+    </style>
+</head>
+<body>
+    <!-- 
+    Given five boxes, Assign a random color and a random background to each box using  DOM concepts -->
+    <div class="container">
+      <div class="box">Box</div>
+      <div class="box">Box</div>
+      <div class="box">Box</div>
+      <div class="box">Box</div>
+      <div class="box">Box</div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Video70/script.js b/Video70/script.js
@@ -0,0 +1 @@
+console.log("Happy")
diff --git a/Video71/index.html b/Video71/index.html
diff --git a/Video71/script.js b/Video71/script.js
diff --git a/Video72/index.html b/Video72/index.html
diff --git a/Video72/script.js b/Video72/script.js
diff --git a/Video73/card.png b/Video73/card.png
diff --git a/Video73/index.html b/Video73/index.html
diff --git a/Video73/script.js b/Video73/script.js
