coderarmy-notes · AdityaChauhan-star · Sep 13, 2025 · Sep 14, 2025 · Sep 14, 2025 · Sep 22, 2025
diff --git a/01HTML/Day04/first.html → 01HTML/Day04/Project1.html b/01HTML/Day04/first.html → 01HTML/Day04/Project1.html
diff --git a/02CSS/Day01/styler.css b/02CSS/Day01/styler.css
@@ -1,6 +1,6 @@
 
 /* Tag Elment selector */
-/* h1{
+h1{
     background-color: pink;
 }
 
@@ -12,26 +12,26 @@ h2{
     background-color: blue;
 } */
 
-/* id base selection # based selection */
+/* id base selection # based selection */ 
 
-/* #first{
+#first{
     background-color: blue;
 }
 
 #second{
     background-color: pink;
-} */
+}
 
 
 /* class based selection */
 
-/* .third{
+.third{
     background-color: green;
 }
 
 .fourth{
     background-color:blueviolet
-} */
+}
 
 /* group based selection */
 /* 
@@ -52,7 +52,7 @@ h2{
     background-color: #639747;
 } */
 
-/* font */
+/* font
 h1{
     font-size: 80px;
 }
@@ -63,8 +63,7 @@ ul{
 
 /* li{
     font-size: 2em;
-} */
-
+}
 html{
     font-size: 40px;
 }

diff --git a/02CSS/Day03/homework.html b/02CSS/Day03/homework.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="hw.css">
+</head>
+<body style="background-color: black;">
+    <div class="box1">
+        <div class="box2">
+            <div class="box3"></div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/02CSS/Day03/hw.css b/02CSS/Day03/hw.css
@@ -0,0 +1,25 @@
+.box1{
+    height: 200px;
+    width: 300px;
+    background-color: red;
+    position: relative;
+}
+
+.box2{
+    height: 100px;
+    width: 300px;
+    background-color: rgb(33, 33, 104);
+    top: 50px;
+    position: absolute;
+}
+
+.box3{
+    height: 90px;
+    width: 90px;
+    background-color: white;
+    border-radius: 50%;
+    left: 100px;
+    top: 5px;
+    bottom: 5px;
+    position: absolute;
+}
diff --git a/02CSS/Day07/project1a.css b/02CSS/Day07/project1a.css
@@ -14,11 +14,11 @@ body{
 .container{
     background-color: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.129);
-    font-size: 40px;
+    font-size: 50px;
     padding: 10px;
-    color: white;
-    width: 70%;
-    border-radius: 5px;
+    color: red;
+    width: 80%;
+    border-radius: 40px;
     white-space: nowrap;
     overflow: hidden;
 }
@@ -34,6 +34,6 @@ p{
         margin-left: 100%;
     }
     to{
-        margin-left: -70%;
+        margin-left: -100%;
     }
 }
diff --git a/02CSS/Day07/style.css b/02CSS/Day07/style.css
@@ -18,7 +18,7 @@
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
-    animation-direction: alternate;
+    /* animation-direction: alternate; */
     animation-delay: 2s;
     /* animation-fill-mode: backwards; */
     position: absolute;

diff --git a/03JS/Day05/index.js b/03JS/Day05/index.js
@@ -2,7 +2,7 @@
 // let a = 10;
 // let b = 345.6821;
 // let c = b.toFixed(1);
-// console.log(typeof c);
+// console.log( c);
 
 // console.log(b.toPrecision(4));
 // console.log(b.toString());

diff --git a/03JS/Day06/index.js b/03JS/Day06/index.js
@@ -19,7 +19,7 @@
 // const b = str.toLowerCase();
 // console.log(b);
 
-// const str = `Hello Coder Army Coder`;
+//  const str = `Hello Coder Army Coder`;
 
 // console.log(str.indexOf('Cod'));
 // console.log(str.lastIndexOf('Cod'));
@@ -40,7 +40,7 @@
 // console.log(c);
 
 // console.log(24+"Rohit");
-// console.log(24+"Rohit"+10);
+// console.log(24+" "+"Rohit"+" "+10);
 // console.log(24+30+"Rohit");
 
 // const str = `Hello Coder Army Coder`;
@@ -52,8 +52,8 @@
 
 // const names = "Rohit Mohit Suraj Rohan Anjali";
 
-// console.log(names.split(" "))
-// console.log(names.split(","))
+// console.log(names.split(" ")) // on basis of Space
+// console.log(names.split(",")) // on basis of Comma
 
 // const now = new Date();
 
@@ -84,8 +84,8 @@
 // Timestamp
 const now = Date.now();
 const dates = new Date(1759275037293);
-// console.log(dates.toString());
+console.log(dates.toString());
 
-console.log(dates);
-console.log(now);
+// console.log(dates);
+// console.log(now);
 // 1759272851288: TimeStamp
diff --git a/03JS/Day07/index.js b/03JS/Day07/index.js
@@ -14,11 +14,11 @@
 
 // let arr = [100,30,"Rohit",true];
 
-// // console.log(arr[2]);
-// // console.log(typeof arr);
+// console.log(arr[2]);
+// console.log(typeof arr);
 
-// // arr[1] = 90;
-// // console.log(arr);
+// arr[1] = 90;
+// console.log(arr);
 
 // // push : Insert element at end
 
@@ -32,21 +32,21 @@
 // console.log(arr);
 
 
-// Starting add kar sakta hu, delete the element at first place
+// Add at starting index
 
 // arr.unshift(10);
 // arr.unshift(50);
 // console.log(arr);
 
-// // delete kar sakta hu
+// // delete the element from starting index
 
 // arr.shift();
 // console.log(arr);
 
 
 // let arr = [10,30,50,90,11];
 
-// for(let i=0;i<arr.length;i++){
+// for(let i=0; i<arr.length; i++){
 //     console.log(arr[i]);
 // }
 
@@ -60,8 +60,9 @@
 // arr2.push(30);
 
 // console.log(arr);
-// Object(non primitive): Copy by reference hote hai
-// Primitive: Copy by value
+
+// Object(non primitive) data type: Copy by reference hote hai / call by refrence 
+// Primitive data type: Copy by value / call by value
 
 // const arr = [10,30,50,90,11];
 // arr[2] = 30;
@@ -73,7 +74,7 @@
 
 // const arr = [10,30,50,90,11];
 // const arr2 = arr.slice(2,4);
-// console.log(arr);
+// console.log(arr2);
 // const arr3 = arr.splice(1,3,"Rohit",19);
 // console.log(arr3);
 
@@ -83,6 +84,7 @@
 
 // arr.push(arr2);
 // const arr3 = arr.concat(arr2,arr4);
+
 // const arr3 = [arr,arr2,arr4];
 
 // spread operator
@@ -94,7 +96,7 @@
 // const names = ["Alice", "Rohit","Bob","Mohit", "Charlie",];
 
 // console.log(names.toString());
-// console.log(names.join("-"));
+// console.log(names.join("/"));
 // console.log(names.lastIndexOf("Bob"));
 // console.log(names.includes("Bobs"));
 
@@ -106,7 +108,9 @@
 // const a = ["101","90","80","32","91"];
 // const arr = [10,"Rohit","Mohan",true];
 
+// a.sort();
 // arr.sort();
+// console.log(a);
 // console.log(arr);
 
 // const arr = [10,40,31,71,5,11];
@@ -123,8 +127,8 @@
 // a = 10
 // b = 31
 
-// -ve : pehle a aayega fr aayega
-// +ve: b aayega fr a aayge
+// -ve : pehle a aayega fr b aayega
+// +ve: b aayega fr a aayega
 
 // console.log(arr);
 
@@ -136,6 +140,6 @@
 // console.log(arr[3][2][1]);
 
 
-const a = [10,309,"Rohit",9.3, true];
-a.name = "Moahn";
-console.log(a);
+// const a = [10,309,"Rohit",9.3, true];
+// a.name = "Moahn";
+// console.log(a);
diff --git a/03JS/Day08/index.js b/03JS/Day08/index.js
@@ -176,4 +176,4 @@
 //     3: 40
 // }
 
-console.log(user[sym]);
+// console.log(user[sym]);
diff --git a/03JS/Day09/index.js b/03JS/Day09/index.js
@@ -43,7 +43,7 @@
 // const [first,second, ...num] = arr;
 // console.log(first,second, num);
 
-// const ans = [arr,arr2];
+// const ans = [...arr,...arr2];
 // console.log(ans);
 
 
@@ -141,23 +141,23 @@
 
 // blinkit
 
-function blinkitOrderPlaced(){
-    console.log("We have started packing your Order");
-}
+// function blinkitOrderPlaced(){
+//     console.log("We have started packing your Order");
+// }
 
-function zomatoOrderPlaced(){
-    console.log("We have started preparing your food");
-}
+// function zomatoOrderPlaced(){
+//     console.log("We have started preparing your food");
+// }
 
-function payment(amount,callback){
-    console.log(`${amount} payment has initilized`)
-    console.log("Payment is received");
-    callback();
+// function payment(amount,callback){
+//     console.log(`${amount} payment has initilized`)
+//     console.log("Payment is received");
+//     callback();
 
-    // GST: Government
-    // Rider ko kitna payment dena
-    // company ko kitna 
-}
+//     // GST: Government
+//     // Rider ko kitna payment dena
+//     // company ko kitna 
+// }
 
-payment(500,zomatoOrderPlaced);
-payment(300,blinkitOrderPlaced);
+// payment(500,zomatoOrderPlaced);
+// payment(300,blinkitOrderPlaced);
diff --git a/03JS/Day14/first.js b/03JS/Day14/first.js
@@ -73,5 +73,5 @@ lister.textContent = "<img src='https://plus.unsplash.com/premium_photo-16895307
 
 // lister.innerHTML = "<img src='https://plus.unsplash.com/premium_photo-1689530775582-83b8abdb5020?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8cmFuZG9tJTIwcGVyc29ufGVufDB8fDB8fHww&fm=jpg&q=60&w=3000'>"
 
-month.prepend(lister);
+month.append(lister);
 // month.insertAdjacentElement("afterend",lister)
diff --git a/03JS/Day14/index.html b/03JS/Day14/index.html
@@ -15,7 +15,18 @@ <h1 id="first">Hello Coder Army</h1>
         <li>Jan</li>
         <li>Feb</li>
         <li>Mar</li>
+        Aditya Chauhan
         <li>Apr</li>
+        <li>May</li>
+        <li>June</li>
+        <li>July</li>
+        <li>August</li>
+        <li>September</li>
+        <li>October</li>
+        <li>November</li>
+        <li>December</li>
+        <li></li>
+        <li><li><li>Ach</li></li></li>
     </ul>
 
 </body>

diff --git a/03JS/Day16/02/index.html b/03JS/Day16/02/index.html
@@ -13,6 +13,8 @@
         <button id="orange" style="background-color: orange;">Orange</button>
         <button id="pink" style="background-color: pink;">Pink</button>
         <button id="green" style="background-color: green;">green</button>
+        <button id="brown" style="background-color: brown;">Brown</button>
+        <button id="violet" style="background-color: violet;">Violet</button>
     </div>
 
 </body>

diff --git a/03JS/Day19/index.js b/03JS/Day19/index.js
@@ -18,6 +18,8 @@
 // })
 
 
+//Promise Chaining
+
 // fetch("https://api.github.com/users")
 // .then((response)=>{
-Original file line number
+Diff line change
@@ Expand Up / @@ -18,6 +18,8 @@ @@
     // })
+    //Promise Chaining
     // fetch("https://api.github.com/users")
     // .then((response)=>{
@@ Expand Down @@