├── .txt
├── README.md
└── modules
    ├── Amal
        └── index.html
    ├── Anandhu
        └── index.html
    ├── Anas
        ├── CSS
        │   ├── flexbox.html
        │   ├── position.html
        │   └── pseudo.html
        ├── Events
        │   ├── events.html
        │   ├── events.js
        │   └── events.txt
        ├── Execution_ Context.txt
        ├── JS methods
        │   ├── array.js
        │   ├── number.js
        │   ├── object.js
        │   └── string.js
        ├── closure.js
        ├── dom.html
        ├── dom.js
        ├── index.html
        ├── index.js
        ├── lexical_scop.js
        ├── scop.js
        ├── style.css
        └── this.js
    ├── Fasalu
        ├── HTML.html
        └── index.html
    ├── Midhun
        └── index.html
    ├── Muheenudheen
        ├── chainPromise.js
        ├── clouser.js
        ├── eventBubbling.js
        ├── eventCapturing.js
        ├── index.html
        ├── promise.js
        └── style.css
    ├── Priyanandan
        ├── FLEX.html
        ├── anagram.html
        ├── arrayfunctions.html
        ├── bankbalancecheck.html
        ├── chainsawman.jpg
        ├── form.html
        ├── functions.html
        ├── htmlQ1.html
        ├── image.html
        ├── index.html
        ├── index.js
        ├── largestoneusingloop.html
        ├── list.html
        ├── logicQ1.html
        ├── logicQ2.html
        ├── maincontent.html
        ├── map.html
        ├── oddoreven.html
        ├── patternQ1.html
        ├── patternQ2.html
        ├── style.css
        ├── table.html
        └── zindex.html
    ├── Raveen
        └── index.html
    └── Salih
        ├── JS
            ├── add eventlisteners.html
            ├── age after 5.html
            ├── age deffrence.html
            ├── ageMembers.html
            ├── alphabetpattern.html
            ├── arr.html
            ├── arrange cap and non cap.html
            ├── array of multiples.html
            ├── array return more than4.html
            ├── array.html
            ├── arraymethod.html
            ├── average mark.html
            ├── bank balance checking.html
            ├── bridge on true.html
            ├── bridgeon true.html
            ├── calculator.html
            ├── callback.html
            ├── camelcase.html
            ├── climbing stair.html
            ├── copywith.html
            ├── destructuring.html
            ├── displayTextInTheTextBox.html
            ├── eliminate duplicate.html
            ├── evenodd.html
            ├── extract cap and nonn cap.html
            ├── fetch.html
            ├── findLargest.html
            ├── function sum of array.html
            ├── getSalary.html
            ├── grade of the mark.html
            ├── hocFunction.html
            ├── holo star pattern.html
            ├── iife.js
            ├── import export.html
            ├── index.html
            ├── india pattern.html
            ├── largest element.html
            ├── largest of arrays.html
            ├── largest.html
            ├── leapyear.html
            ├── leetCodeQst-283
            │   └── leetCode-283.js
            ├── leetCodeQst1342.js
            ├── leetCodeQst1816.js
            ├── leetcode qst.html
            ├── length of last word.html
            ├── length of string even odd.html
            ├── longest word in a string.html
            ├── longestt word in array.html
            ├── math.html
            ├── mergearray.html
            ├── mergelist.html
            ├── numberpattern.html
            ├── numpalindrom.html
            ├── object and funnction constructor.html
            ├── object.html
            ├── odd or even function.html
            ├── palindrom.html
            ├── palindrome.html
            ├── pattern.html
            ├── plus one.html
            ├── positiveneagtive.html
            ├── promise using calculation.html
            ├── promise-all.html
            ├── promise.html
            ├── promise2.html
            ├── promiseCalcChain.js
            ├── promiseall,async and await.html
            ├── question destructure.html
            ├── recursion.html
            ├── remove all ocuurance in array.html
            ├── rest parameter.html
            ├── return double strinng.html
            ├── return repeate string.html
            ├── reverse string.html
            ├── sample.html
            ├── scope in.html
            ├── scope.html
            ├── script1.js
            ├── script2.js
            ├── script3.js
            ├── search insert position.html
            ├── selfivok.html
            ├── setIntervel.js
            ├── shiftoperator.html
            ├── sortindecending.html
            ├── starpattern.html
            ├── string.html
            ├── style color js.html
            ├── sum of positive array.html
            ├── synchronous and asychnrous using settimeout.html
            ├── this keyword.html
            ├── total price.html
            ├── totalPrice.html
            ├── triangle pattern.html
            ├── true if tow strings are lengthequal.html
            ├── two arguments multiplication.html
            ├── valid palindrome.html
            ├── word reverse.html
            └── world pattern.html
        ├── calculator.html
        ├── hovereffect.css
        ├── hovereffect.html
        ├── index.js
        └── style.css


/.txt:
--------------------------------------------------------------------------------
 1 |   
 2 | ➢	CDN vs Download 
 3 | ➢	Event Listeners 
 4 | ➢	Call Stack 
 5 | ➢	Types of Scopes 
 6 | ➢	Array Methods 	 	 	 	 
 7 | ➢	String Methods 
 8 | ➢	Object Methods 
 9 | ➢	Number Methods ➢ Boolean Methods 
10 | ➢	Math Methods 
11 | ➢	Execution Context 
12 | ➢	Data Types 
13 | ➢	Key Words 
14 | ➢	Functions 
15 | ➢	Types of Functions 
16 | ➢	Arithmetic Operators 
17 | ➢	Logical Operators 
18 | ➢	Assignment Operators 
19 | ➢	Comparison Operators 
20 | ➢	Array Iterations 
21 | ➢	This Keywords 
22 | ➢	Event Handlers 
23 | ➢	Types of Errors 
24 | ➢	Exception Handling 
25 | ➢	Hoisting 
26 | ➢	Strict Mode 
27 | ➢	Call Back 
28 | ➢	Call Back Hell 
29 | ➢	Closure 
30 | ➢	Higher Order Function 
31 | ➢	Pure Function 
32 | ➢	Prototype 
33 | ➢	IIFE 
34 | ➢	Anonymous Function 
35 | ➢	Event Loop 
36 | ➢	Optional Chaining 
37 | ➢	Local Storage & Session Storage 
38 | ➢	Currying 
39 | ➢	Call, Apply, Bind 
40 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | <h1> practice your html and css skills </h1>
2 | 


--------------------------------------------------------------------------------
/modules/Amal/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     
10 | </body>
11 | </html>


--------------------------------------------------------------------------------
/modules/Anandhu/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     
10 | </body>
11 | </html>


--------------------------------------------------------------------------------
/modules/Anas/CSS/flexbox.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <h1>Flex box</h1>
10 | 
11 |     <div class="container">
12 |         <div class="item">1</div>
13 |         
14 |          
15 |     </div>
16 |     <style>
17 |         .container{
18 |             
19 |             background-color: red;
20 |             height: 500px;
21 |         }
22 |         .item{
23 |             margin: auto;
24 |             width: 200px;
25 |             height: 200px;
26 |             background-color: yellow;
27 |         }
28 |     </style>
29 | </body>
30 | </html>


--------------------------------------------------------------------------------
/modules/Anas/CSS/position.html:
--------------------------------------------------------------------------------
 1 | 
 2 | <!DOCTYPE html>
 3 | <html lang="en">
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>Document</title>
 8 | </head>
 9 | <body>
10 | 
11 |    <div id="grandparent">
12 |     <div id="parent">
13 |     
14 |         <div id="child">child</div>
15 |     </div>
16 |    </div>
17 | 
18 |     <style>
19 |         #grandparent{
20 |            
21 |             width: 500px;
22 |             height: 500px;
23 |             background-color: yellow;
24 |         }
25 |         #parent{
26 |             
27 |             top: 150px;
28 |             left: 150px;
29 |             width: 200px;
30 |             height: 200px;
31 |             background-color: aqua;
32 |         }
33 |         #child{
34 |             position: relative;
35 |             top: 50px;
36 |             left: 50px;
37 |             width: 100px;
38 |             height: 100px;
39 |             background-color: red;
40 |         }
41 |     </style>
42 | </body>
43 | </html>


--------------------------------------------------------------------------------
/modules/Anas/CSS/pseudo.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <p>P</p>
10 |     <style>
11 | 
12 |         p:hover{
13 |             color: red;
14 |         }
15 | 
16 |         
17 |         p::after {
18 |           content: " [Read more]";
19 |           color: gray;
20 |         }
21 |     </style>
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/modules/Anas/Events/events.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | 
 8 | </head>
 9 | <body>
10 |     <button>Click</button>
11 |     
12 |     <div class="hello">hello</div>
13 |     
14 |     <script src="./events.js"></script>
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/modules/Anas/Events/events.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | const btn = document.getElementsByTagName('button')[0]; 
 4 | const div = document.getElementsByClassName('hello')[0];
 5 | 
 6 | 
 7 | let per= div.innerHTML
 8 | 
 9 | btn.addEventListener('click', function() { 
10 |     
11 | 
12 |     if(div.innerHTML === '<b>Hello World</b>') {
13 |           div.innerHTML = per
14 |     }else{
15 |         div.innerHTML = '<b>Hello World</b>';
16 |     }
17 |  });
18 | 
19 | 


--------------------------------------------------------------------------------
/modules/Anas/Events/events.txt:
--------------------------------------------------------------------------------
 1 | Mouse Events: 'click', 'dblclick', 'mousedown', 'mouseup', 'mousemove', 'mouseover', 'mouseout'
 2 | 
 3 | Keyboard Events: 'keydown', 'keyup', 'keypress'
 4 | 
 5 | 
 6 | Form Events: 'submit', 'change', 'input', 'focus', 'blur'
 7 | 
 8 | Window Events: 'load', 'resize', 'scroll', 'unload', 'beforeunload'
 9 | 
10 | Touch Events: 'touchstart', 'touchmove', 'touchend', 'touchcancel'
11 | 
12 | Pointer Events: 'pointerdown', 'pointerup', 'pointermove', 'pointerover', 'pointerout'
13 | 
14 | Drag Events: 'drag', 'dragstart', 'dragend', 'dragover', 'dragenter', 'dragleave', 'drop'
15 | 
16 | Animation Events: 'animationstart', 'animationend', 'animationiteration'
17 | 
18 | Transition Events: 'transitionstart', 'transitionend', 'transitioncancel'
19 | 
20 | Clipboard Events: 'copy', 'cut', 'paste'
21 | 


--------------------------------------------------------------------------------
/modules/Anas/Execution_ Context.txt:
--------------------------------------------------------------------------------
1 | 
2 | Execution Context
3 | 
4 | 
5 | => An execution context is essentially a container that holds the code that is being executed, including the variables, functions, and the scope
6 | =>  It determines how variables and functions are accessed and executed.
7 | => Every time a function is called or code is executed, a new execution context is created. 
8 | 
9 | 


--------------------------------------------------------------------------------
/modules/Anas/JS methods/array.js:
--------------------------------------------------------------------------------
 1 | // javascript array methods 
 2 | 
 3 | 
 4 | //---- push ----//
 5 | 
 6 | // Add elements to the end of an array.
 7 | let arr = [1,2,3,4];
 8 | 
 9 | arr.push(5);
10 | console.log(arr); // [ 1, 2, 3, 4, 5 ]
11 | 
12 | 
13 | //-------pop-------/
14 | 
15 | //Removes the last element from an array
16 | let arr1 = [1,2,3,4];
17 | arr.pop();
18 | console.log(arr1);// [ 1, 2, 3, 4 ]
19 | 
20 | 


--------------------------------------------------------------------------------
/modules/Anas/JS methods/number.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/m-h-d-salih/HTML5-CSS-JS/6a05a495eee6faa14b9f4555db9d019e23e92044/modules/Anas/JS methods/number.js


--------------------------------------------------------------------------------
/modules/Anas/JS methods/object.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/m-h-d-salih/HTML5-CSS-JS/6a05a495eee6faa14b9f4555db9d019e23e92044/modules/Anas/JS methods/object.js


--------------------------------------------------------------------------------
/modules/Anas/JS methods/string.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/m-h-d-salih/HTML5-CSS-JS/6a05a495eee6faa14b9f4555db9d019e23e92044/modules/Anas/JS methods/string.js


--------------------------------------------------------------------------------
/modules/Anas/closure.js:
--------------------------------------------------------------------------------
 1 |  
 2 |  // closure in javascript
 3 | 
 4 | //   closure is a feature where a function retains access to its lexical scope even after
 5 | //  the function has finished executing.
 6 |  
 7 | 
 8 | /**
 9 |  * createCounter function
10 |  * 
11 |  * This function creates a closure, where an inner function retains access to its lexical scope even after
12 |  * the outer function has finished executing. The inner function increments a 'count' variable and returns it.
13 |  * 
14 |  * @return {function} Anonymous function that increments and returns the 'count' variable
15 |  */
16 | function createCounter(){
17 |   
18 |   /**
19 |    * The 'count' variable is declared and initialized to 0.
20 |    * This variable is a part of the lexical scope of the 'createCounter' function.
21 |    * The inner function created by 'createCounter' has access to this variable.
22 |    * @type {number}
23 |    */
24 |   let count = 0;
25 |   
26 |   /**
27 |    * The anonymous function returned by 'createCounter' increments the 'count' variable
28 |    * and returns its new value.
29 |    * @return {number} The incremented value of 'count'
30 |    */
31 |   return function(){
32 |     count += 1;
33 |     return count;
34 |   };
35 | }
36 | 
37 | console.log(createCounter()); // [Function (anonymous)]
38 | 
39 | const counter = createCounter();
40 | 
41 | console.log(counter());//1
42 | console.log(counter());//2
43 | console.log(counter());//3
44 | console.log(counter());//4
45 | 
46 | 
47 | function a(){
48 |     var vr=10;
49 |     return function  b(){
50 |         return vr
51 |     }
52 | }
53 | var h = a();
54 | console.log(h());
55 | 
56 | 
57 | function func(){
58 | 
59 |     function name() {
60 |         console.log(x);
61 |     }
62 | 
63 |     name();
64 | }
65 | 
66 | const x = 10;
67 | func();
68 | 
69 | 


--------------------------------------------------------------------------------
/modules/Anas/dom.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>Document</title>
 8 | </head>
 9 | 
10 | <body>
11 |     <div id="dom">hello</div>
12 | 
13 |     <div class="myclass" style="color: black;"> 1 first class</div>
14 |     <div class="myclass"> 2first class</div>
15 |     <div class="myclass"> 3first class</div>
16 |     <div class="myclass"> 4first class</div>
17 |     <div class="myclass"> 5first class</div>
18 | 
19 |     <script src="dom.js"></script>
20 | </body>
21 | 
22 | </html>


--------------------------------------------------------------------------------
/modules/Anas/dom.js:
--------------------------------------------------------------------------------
 1 |  
 2 |  const dom = document.getElementById("dom");
 3 | 
 4 |   const myclass = document.getElementsByClassName("myclass");
 5 |   
 6 |   console.log(myclass);
 7 |  
 8 |   for (let i = 0; i < myclass.length; i++) {
 9 |     // console.log(myclass[i].innerText);
10 |     const delay = i * 1000;
11 |     setTimeout(() => {
12 |         myclass[i].style.color="red";
13 |     }, delay);
14 |    
15 |   }
16 | 
17 | const myselector = document.querySelector(".myclass");
18 | 
19 | const myselectorAll = document.querySelectorAll(".myclass");
20 | 
21 | console.log(myselector.textContent ,"myselector");
22 | 
23 | console.log(myselectorAll[4].setAttribute("style","color:blue").textContent,"myselectorAll");
24 | 
25 | myselectorAll[1].createElement("p").textContent = "hello";
26 | 
27 | console.log(myselectorAll[1]);
28 | 
29 | // const get = myselectorAll[0].getAttribute("style");
30 | 
31 | 
32 | // console.log("get" , get);
33 |  


--------------------------------------------------------------------------------
/modules/Anas/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 |      
 8 | </head>
 9 | <body>
10 |    
11 |     <div id="example">Hello <b>World</b></div>
12 |     <div id="example2">Hello <b>World</b></div>
13 | 
14 |     <script>
15 | 
16 |       const div = document.getElementById('example');
17 |       console.log(div.innerHTML); // Logs: Hello <b>World</b>
18 |       div.innerHTML = 'Hello <b>Universe</b>'; // Changes content to: Hello <i>Universe</i>
19 | 
20 |       const div1 = document.getElementById('example2');
21 |       console.log(div1.innerText); // Logs: Hello World
22 |       div1.innerText = 'Hello <b> Universe</b>'; // Changes content to: Hello Universe
23 | 
24 |     </script>
25 |     
26 |     
27 | </body>
28 | </html>


--------------------------------------------------------------------------------
/modules/Anas/index.js:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | 
4 | // const normalFunction =(...arg) =>{
5 | //     console.log(arg);
6 | //   }
7 | //   normalFunction(1, 2, 3); // Output: [1, 2, 3]
8 |   


--------------------------------------------------------------------------------
/modules/Anas/lexical_scop.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |  
 4 | 
 5 | /**
 6 |  * The function c() returns a function that, when called, 
 7 |  * increments and returns the value of a variable x. 
 8 |  * 
 9 |  * @return {Function} A function that increments and returns the value of x.
10 |  */
11 | const c = () => {
12 |     // Declare a variable x with an initial value of 10.
13 |     var x = 10;
14 |     
15 |     // Return a function that, when called, increments and returns the value of x.
16 |     return function() {
17 |         /**
18 |          * Increment the value of x by 1 and return the new value.
19 |          * 
20 |          * @return {number} The incremented value of x.
21 |          */
22 |         return x++;
23 |     };
24 | };
25 |     
26 |   const b = c();
27 | 
28 |   console.log(b());
29 |   console.log(b());
30 |   console.log(b());
31 |   console.log(b());


--------------------------------------------------------------------------------
/modules/Anas/scop.js:
--------------------------------------------------------------------------------
 1 | 
 2 | // Scop in javascriopt
 3 | // var  name = "nameles";
 4 | 
 5 | 
 6 | // function nameFunc(){
 7 | //     // var name1 = "name";
 8 | //     let age = 5;
 9 | //     // console.log(name);
10 | 
11 | // }
12 | 
13 | 
14 | // {
15 |     
16 | //    var name = "na";
17 | // //    console.log(age);
18 | // }
19 | 
20 | // console.log(name)
21 | // console.log(name)
22 | 
23 | //    nameFunc();  // nameles
24 | 
25 | //  console.log(name1);  // not defined
26 | 
27 | 
28 | //  var: Function-scoped or globally-scoped variable, can be re-declared and updated.
29 | // let: Block-scoped variable, can be updated but not re-declared in the same scope.
30 | // const: Block-scoped variable, cannot be updated or re-declared.
31 | 
32 | 
33 | function a(){
34 |     let x = 10;
35 |       const b =()=>{
36 |         console.log(x);
37 |      }
38 |           return b; 
39 |     
40 | }
41 | 
42 | const c = a();
43 | c();
44 | console.log(c)


--------------------------------------------------------------------------------
/modules/Anas/style.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/m-h-d-salih/HTML5-CSS-JS/6a05a495eee6faa14b9f4555db9d019e23e92044/modules/Anas/style.css


--------------------------------------------------------------------------------
/modules/Anas/this.js:
--------------------------------------------------------------------------------
 1 |  
 2 |  console.log(this)
 3 | 
 4 | /**
 5 |  * This function defines a function named getName which logs the name property of an object,
 6 |  * when called as a method of that object.
 7 |  *
 8 |  * It creates an object with a name property and a getName method. It then logs the name property
 9 |  * of the object when the getName method is called on the object.
10 |  */
11 | function getName() {
12 |     // Create an object with a name property and a getName method.
13 |     const obj = {
14 |         // The name property of the object.
15 |         name: 'harry',
16 |         // The getName method of the object.
17 |         getName: function() {
18 |             // Log the name property of the object when the getName method is called on the object.
19 |             console.log(this.name);
20 |         }
21 |     };
22 | 
23 |     // Call the getName method on the object.
24 |     obj.getName();
25 | }
26 | 
27 | 
28 | 
29 | function getName1(){
30 |      
31 | }
32 | getName()
33 | 
34 | 
35 | 
36 | const person1 = {
37 |     name:'salih',
38 |     getName:getName
39 |       
40 | }
41 | person1.getName()
42 |  
43 | 
44 | console.log(Object.keys(person1));
45 | 
46 | 
47 | const map =new Map();
48 | map.set('name','salih')
49 | map.set('age',21)
50 | map.set('city','karachi')
51 | console.log(map.get('name'));
52 | console.log(map.has('name'));
53 | map.forEach((value,key)=>console.log(key,value))
54 | 
55 | 
56 | function getperson(a,b,c,d){
57 |     console.log(a,b,c,d)
58 |     console.log(this.name)
59 | }
60 | 
61 | const person = {
62 |     name:'salih   kk',
63 |      
64 | }
65 |  var b= 10;
66 | getperson.call(person,"4","4","4",b); 
67 | getperson.apply(person,["4","4","4",b]); 
68 | // const persons =  getperson.bind(person);
69 | // persons();
70 |  
71 | 
72 | const name1 = {
73 |     nameless:"nameless",
74 |     age:10,
75 |      b(){
76 |         return  ageName =()=>{
77 |             return  this
78 |      }
79 | 
80 |     }
81 | }
82 | 
83 | console.log(name1.b()());


--------------------------------------------------------------------------------
/modules/Fasalu/HTML.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <h1>this is heading</h1>
10 | </body>
11 | </html>


--------------------------------------------------------------------------------
/modules/Fasalu/index.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/m-h-d-salih/HTML5-CSS-JS/6a05a495eee6faa14b9f4555db9d019e23e92044/modules/Fasalu/index.html


--------------------------------------------------------------------------------
/modules/Midhun/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     
10 | </body>
11 | </html>


--------------------------------------------------------------------------------
/modules/Muheenudheen/chainPromise.js:
--------------------------------------------------------------------------------
 1 | 
 2 | const promise1=new Promise((resolve,reject)=>{
 3 |     setTimeout(()=>resolve('first promise resolved'),1000)
 4 | })
 5 | 
 6 | const promise2=new Promise((resolve,reject)=>{
 7 |     setTimeout(()=>resolve('first promise resolved'),1000)
 8 | })
 9 | 
10 | const promise3=new Promise((resolve,reject)=>{
11 |     setTimeout(()=>resolve('first promise resolved'),1000)
12 | })
13 | 
14 | 
15 | promise1 
16 |    .then((result1)=>{
17 |     console.log(result1)
18 |     return promise2
19 |    })
20 |    .then((result2)=>{
21 |     console.log(result2);
22 |     return promise3
23 |     
24 |    })
25 |    .then((result3)=>{
26 |     console.log(result3);
27 |     
28 |    })
29 |    .catch((error)=>{
30 | console.log(error);
31 | })


--------------------------------------------------------------------------------
/modules/Muheenudheen/clouser.js:
--------------------------------------------------------------------------------
 1 | 
 2 | function outerFunction(){
 3 |     let a='outerFunction';
 4 | 
 5 |     function innerFunction(){
 6 |         console.log(a);
 7 |         
 8 |     }
 9 |     
10 | 
11 |     return innerFunction;
12 | }
13 | 
14 | 
15 | const MyFunction= outerFunction()
16 | 
17 | MyFunction()


--------------------------------------------------------------------------------
/modules/Muheenudheen/eventBubbling.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | <div id="parent">
 4 |   <button id="child">Click me</button>
 5 | </div>
 6 | 
 7 | 
 8 | 
 9 | 
10 | document.getElementById('parent').addEventListener('click', function() {
11 |     alert('Parent element clicked!');
12 | });
13 | 
14 | document.getElementById('child').addEventListener('click', function(event) {
15 |     alert('Child element clicked!');
16 | });
17 | 
18 | 
19 | 
20 | 
21 | 
22 | document.getElementById('child').addEventListener('click', function(event) {
23 |     event.stopPropagation(); // This stops the event from bubbling up
24 |     alert('Child element clicked!');
25 | });
26 | 
27 | 
28 | 
29 | 
30 | 
31 | 
32 | 


--------------------------------------------------------------------------------
/modules/Muheenudheen/eventCapturing.js:
--------------------------------------------------------------------------------
 1 | <div id="parent">
 2 |   <button id="child">Click me</button>
 3 | </div>
 4 | 
 5 | 
 6 | 
 7 | 
 8 | 
 9 | 
10 | 
11 | 
12 | document.getElementById('parent').addEventListener('click', function() {
13 |     alert('Parent element clicked during capturing phase!');
14 | }, true);
15 | 
16 | document.getElementById('child').addEventListener('click', function() {
17 |     alert('Child element clicked!');
18 | }, true);
19 | 


--------------------------------------------------------------------------------
/modules/Muheenudheen/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Profile Card</title>
 7 |     <link rel="stylesheet" href="./style.css">
 8 | </head>
 9 | <body>
10 |     <div class="profile-card">
11 | 
12 | 
13 | 
14 | 
15 | 
16 |         
17 |         <img src="profile.jpg" alt="Profile Picture" class="profile-img">
18 |         <h2>Muheenudheen</h2>
19 |         <h3>Web Developer</h3>
20 |         <p>Passionate about coding and building innovative web applications.</p>
21 |         <button class="follow-btn">Follow</button>
22 |     </div>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/modules/Muheenudheen/promise.js:
--------------------------------------------------------------------------------
 1 | const myPromise = new Promise(function(resolve, reject) {
 2 |     const isAvailable = false;  // Corrected the variable name
 3 |     
 4 |     if (isAvailable) {
 5 |         resolve("good");
 6 |         
 7 |         
 8 |     } else {
 9 |         reject("bad");
10 |     }
11 | });
12 | 
13 | 
14 | myPromise
15 |     .then(function(result){
16 |         console.log(result);
17 |     
18 |     })
19 |     .catch(function(error){
20 |         console.log(error);
21 |         
22 |     })


--------------------------------------------------------------------------------
/modules/Muheenudheen/style.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |     display: flex;
 3 |     justify-content: center;
 4 |     align-items: center;
 5 |     height: 100vh;
 6 |     margin: 0;
 7 |     font-family: Arial, sans-serif;
 8 |     background-color: #f0f0f0;
 9 | }
10 | 
11 | .profile-card {
12 |     background-color: #ffffff;
13 |     border-radius: 10px;
14 |     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
15 |     text-align: center;
16 |     padding: 30px;
17 |     width: 300px;
18 | }
19 | 
20 | .profile-img {
21 |     width: 150px;
22 |     height: 150px;
23 |     border-radius: 50%;
24 |     object-fit: cover;
25 |     margin-bottom: 20px;
26 | }
27 | 
28 | h2 {
29 |     margin: 10px 0;
30 |     font-size: 24px;
31 |     color: #333333;
32 | }
33 | 
34 | h3 {
35 |     margin: 5px 0;
36 |     font-size: 18px;
37 |     color: #666666;
38 | }
39 | 
40 | p {
41 |     font-size: 14px;
42 |     color: #777777;
43 |     margin-bottom: 20px;
44 | }
45 | 
46 | .follow-btn {
47 |     background-color: #007bff;
48 |     color: #ffffff;
49 |     border: none;
50 |     padding: 10px 20px;
51 |     border-radius: 5px;
52 |     font-size: 16px;
53 |     cursor: pointer;
54 |     transition: background-color 0.3s;
55 | }
56 | 
57 | .follow-btn:hover {
58 |     background-color: #0056b3;
59 | }
60 | 


--------------------------------------------------------------------------------
/modules/Priyanandan/FLEX.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | <style>
 5 |   body{
 6 |     display: flex;
 7 |     
 8 |   }
 9 | 
10 | .flex-container {
11 |   display: flex;
12 |   flex-direction: column;
13 |   width: 500px;
14 |   justify-content: center;
15 |   background-color: DodgerBlue;
16 | }
17 | 
18 | .flex-container > div {
19 |   background-color: #f1f1f1;
20 |   margin: 10px;
21 |   padding: 20px;
22 |   font-size: 30px;
23 | }
24 | .Container{
25 | height: 100vh;
26 | width: 100vw;
27 | background-color: red;
28 |  display: flex;
29 |  justify-content: center;
30 |  align-items: center;
31 | }
32 | </style>
33 | </head>
34 | <body>
35 |   
36 | 
37 | <div class="Container">
38 |   <div class="flex-container">
39 |     <div>1</div>
40 |     <div>2</div>
41 |     <div>3</div> 
42 |     <div>4</div> 
43 |     <div>5</div> 
44 |     <div>6</div> 
45 |   </div>
46 |   
47 | 
48 | </div>
49 | 
50 | 
51 | </body>
52 | </html>
53 | 
54 | 
55 | 


--------------------------------------------------------------------------------
/modules/Priyanandan/anagram.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>anagram</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function arr(a,b){
11 |     var res = str => str.toLowerCase().split('').sort().join('')
12 |     
13 |     return res(a) === res(b);
14 | }
15 | console.log(arr("listen","silent"))
16 |     </script>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/arrayfunctions.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Document</title>
  7 | </head>
  8 | <body>
  9 |     <script>
 10 |     
 11 |          const fruits = ["Banana", "Orange", "Apple", "orange"];
 12 |          console.log(fruits.length);
 13 | 
 14 |         //tostring used to convert array to string 
 15 |          console.log(fruits.toString());
 16 | 
 17 |          //at() used to return indexed element in  an array
 18 |          console.log(fruits.at(0)); //out=Banana
 19 | 
 20 |          //join() used to join array elements into a string 
 21 |          console.log(fruits.join("**"));
 22 |          
 23 |          //shift() used to shift out first element in array and shift all elements into lower index
 24 |          const f = ["Banana", "Orange", "Apple", "Mango"];
 25 |          console.log(f.shift());
 26 |          console.log(f.at(0));
 27 | 
 28 |          //unshit method adds a new element to an array (at the beginning), and "unshifts" older elements:
 29 |          console.log(f.unshift("lemon"));
 30 |          console.log(f)
 31 | 
 32 |          //concat used merging arrays
 33 |          console.log(fruits.concat(f));
 34 | 
 35 |          //copyWithin() copies array elements to another position in an array, overwriting existing values
 36 |          console.log(f.copyWithin(0,2));
 37 | 
 38 |          //flat() method creates a new array with sub-array elements concatenated to a specified depth.
 39 |          const myArr = [[1,2],[3,4],[5,6]];
 40 |         console.log(myArr.flat());
 41 |          
 42 |         var a=["Banana", "Orange", "Apple", "Mango"];
 43 | 
 44 |         console.log(a.sort());
 45 |         console.log(a)
 46 |         //splice() add or remove elements into array its overwriting the existing value
 47 |         var arr=["car","jeep","bus","lorry"];
 48 |         console.log(arr);
 49 |         arr.splice(2,0,"train","plain");
 50 |         console.log(arr);
 51 | 
 52 |         //slice() return a selected array elements as new array
 53 | 
 54 |         var ar=["car","jeep","bus","lorry"];
 55 |         console.log(ar);
 56 |         v=ar.slice(1,4);
 57 |         console.log(v);
 58 | //for in
 59 |         var y=["car","jeep"];
 60 |         for( c in y){
 61 |             console.log(c)
 62 |         }
 63 |         var k={
 64 |             name:"afham",
 65 |             age:20
 66 |         };
 67 |         for(n in k){
 68 |             console.log(n)
 69 |         }
 70 |         //for of
 71 |         var y=["car","jeep"];
 72 |         for(e of y){
 73 |             console.log(e);
 74 |         }
 75 |          var c=["Banana", "Orange", "Apple"]
 76 |          for (var j of c){
 77 |             console.log(c);
 78 |          }
 79 | //map
 80 | var data=[1,2,3];
 81 | data.map((x)=> console.log(x*3))
 82 |  var info=["mango","apple"];
 83 |   var m=info.map((infor)=> infor)
 84 |   console.log(m);
 85 | 
 86 | var detail=[{
 87 |     name:"elon",
 88 |     age:21
 89 | },
 90 | {
 91 |     name:"mark",
 92 |     age:23
 93 | }
 94 | ]
 95 | detail.map((alldetail) => console.log(alldetail.name))
 96 | 
 97 | 
 98 | 
 99 | 
100 | //reduce
101 | var arn=[1,2,3];
102 | var result=arn.reduce((total,itemss)=>{
103 |      return total+itemss}
104 |     ,0)
105 |     console.log(result)
106 | 
107 | //filter
108 | var val=[1,2,3,4,5,6,7,8,9,10];
109 | var odd=val.filter((num)=> {
110 |    return num%2==0
111 | 
112 | })
113 | const fr = ['apple', 'banana', 'mango'];
114 | 
115 | fr.forEach(fruit => console.log(fruit));
116 | console.log(odd);
117 | 
118 | 
119 | 
120 | 
121 | //self invoking
122 | (function(){
123 |     console.log("hello");
124 | })();
125 | 
126 | 
127 | //arrow function 
128 | 
129 | var sum=(a)=>a+a;
130 | console.log(sum(4))
131 | 
132 | 
133 | 
134 | 
135 |   </script>
136 |    
137 | </body>
138 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/bankbalancecheck.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <form>
10 |         <pre>
11 |         <label>Deposit</label>
12 |         <input type="text" id="txt1"> <button type="button" onclick="deposit()">Deposit</button>
13 |     
14 |         <label>Withdraw</label>
15 |         <input type="text" id="txt2"> <button type="button" onclick="withdraw()">Withdraw</button>
16 |        
17 |         <button type="button" onclick="showBalance()">Show balance</button>
18 | 
19 |         <h3 id="h31" style="margin-left: 50px;"></h4>
20 |         </pre>
21 |     </form>
22 |     <script>
23 |         var balance = 0;
24 |         function deposit()
25 |         {
26 |             let deposit = parseInt(document.getElementById('txt1').value);
27 |             
28 |            
29 |             balance+=deposit;
30 |             alert("deposited succesfully");
31 |            
32 |         }
33 |         function withdraw()
34 |         {
35 |             let withdraw = parseInt(document.getElementById('txt2').value);
36 |            
37 |            if( withdraw > balance)
38 |            alert("infucient balance ! cannot withdraw");
39 |            else
40 |            {
41 |             balance-=withdraw;
42 |             alert("withdrawl successfully");
43 |            }
44 |             
45 |         }
46 |         function showBalance()
47 |         {
48 |             document.getElementById("h31").innerHTML="available balance= "+balance+"Rs";
49 |         }
50 |     </script>
51 | </body>
52 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/chainsawman.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/m-h-d-salih/HTML5-CSS-JS/6a05a495eee6faa14b9f4555db9d019e23e92044/modules/Priyanandan/chainsawman.jpg


--------------------------------------------------------------------------------
/modules/Priyanandan/form.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>form</title>
 7 | </head>
 8 | <body>
 9 |     <form action="/sumbit">
10 |         <fieldset>
11 |         <legend><h1>enter your details</h1></legend>
12 | 
13 |         <label for="name">NAME:</label>
14 |         <input type="text"><br><br>
15 | 
16 |         <label for="mail">Email:</label>
17 |         <input type="text"><br><br><br><br>
18 | 
19 |     </fieldset>
20 | 
21 |        <fieldset> <legend><h1>Form with Radio Buttons and Checkboxes</h1></legend>
22 |          
23 |         <label for="box">B0X</label>
24 |         <input type="checkbox"><br>
25 | 
26 |         <label for="SHADOW">SHADOW</label>
27 |         <input type="checkbox"><br>
28 | 
29 |         <label for="SKY">SKY</label>
30 |         <input type="checkbox"><br><br>
31 | 
32 |         <input type="radio" name="experience" >
33 |         <label for="beginner">Beginner</label><br>
34 | 
35 |         <input type="radio" name="experience">
36 |         <label for="intermediate">Intermediate</label><br>
37 | 
38 |         <input type="radio" name="experience">
39 |         <label for="expert">Expert</label>
40 |     </fieldset>
41 |     <br><br><br>
42 | 
43 | 
44 |     <fieldset><legend><h1>Form with a Dropdown Menu and a Button</h1></legend>
45 |         <label>select your car</label>
46 |         <select name="--car--" id="cr">
47 |         <option>--car--</option>
48 |         <option>benz</option>
49 |         <option>bmw</option>
50 |         <option>audi</option></select><br><br><br>
51 | 
52 |         <h1>Enter Your Comments</h1>
53 |     <form action="/submit" method="post">
54 |         <label for="comments">Comments:</label><br>
55 |         <textarea id="comments" name="comments" rows="4" cols="50"></textarea><br><br>
56 |         <input type="submit" value="Submit">
57 | 
58 |     </fieldset>
59 | 
60 | 
61 | 
62 | 
63 | 
64 | 
65 |         
66 | 
67 | 
68 | 
69 | 
70 | 
71 | 
72 | 
73 | 
74 | 
75 | 
76 | 
77 | 
78 |     </form>
79 | </body>
80 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/functions.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         
11 |         //with parameter
12 |         function sum(a,b){
13 |             sum=a+b;
14 |             console.log("sum="+sum);
15 |             
16 |         }
17 |         
18 |         sum(2,3)
19 | //without parameter 
20 |         function sum1(){
21 |             var a=10,b=10;
22 | 
23 |             sum=a+b;
24 |             console.log("sum="+sum);
25 |             
26 |         }
27 | 
28 |         sum1()
29 | 
30 |         //with return value and with parameter
31 |         
32 |         function sum2(a,b){
33 |             sum=a+b;
34 |             return sum;
35 |             
36 |         }
37 | 
38 |         console.log(sum2(4,4));
39 |     </script>
40 | </body>
41 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/htmlQ1.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var a="Github";
11 |         var b="anony";
12 |         if(a.length%2==0){
13 |            document.write("Hy, iam priyanandan");
14 |         }
15 |            else{
16 |             document.write("user not found");
17 | 
18 |            }
19 |     </script>
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/image.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>image</title>
 7 | </head>
 8 | <body>
 9 |     <h1>Chainsaw Man</h1>
10 |     <img src="chainsaw man.jpg" alt="chainsaw man" width="250px" height="250px">
11 | </body>
12 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     
10 | </body>
11 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/index.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/m-h-d-salih/HTML5-CSS-JS/6a05a495eee6faa14b9f4555db9d019e23e92044/modules/Priyanandan/index.js


--------------------------------------------------------------------------------
/modules/Priyanandan/largestoneusingloop.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Find Largest Value</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         // Define an array of numbers
11 |         const numbers = [10, 5, 78, 23, 90, 34, 67];
12 | 
13 |         // Initialize the largest number with the first element
14 |         let largestNumber = numbers[0];
15 | 
16 |         // Loop through the array
17 |         for (let i = 1; i < numbers.length; i++) {
18 |             if (numbers[i] > largestNumber) {
19 |                 largestNumber = numbers[i];
20 |             }
21 |         }
22 | 
23 |         // Output the largest number
24 |         console.log("The largest number is:", largestNumber);
25 |     </script>
26 | </body>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/modules/Priyanandan/list.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>List</title>
 7 |     <style>
 8 |         body{
 9 |             color: azure;
10 |             background-color:black;
11 |         }
12 |     </style>
13 | </head>
14 | <body>
15 | 
16 |     <h1>Cars</h1>
17 |     <ul type="square">
18 |         <li>
19 |             Tata 
20 |         </li>
21 |         <li>
22 |             Maruti 
23 |         </li>
24 |         <li>
25 |             Mahidra
26 |         </li>
27 |     </ul>
28 |     <ol type="A">
29 |         <li>
30 |             Benz
31 |         </li>
32 |         <li>
33 |             Bmw
34 |         </li>
35 |         <li>
36 |             Audi
37 |         </li>
38 |     </ol>
39 |     <dl>
40 |         <h1><dt>indan</dt></h1>
41 |         <dd>
42 |             The top Indian car brands are Mahindra, Tata. Explore the list of best cars price in India and Compare cars to find the right car for you. Also, check out Top.
43 |         </dd>
44 |         <h1><dt>
45 |             foreign
46 |         </dt></h1>
47 |         <dd>
48 |             Strictly speaking, a foreign car is a car that has its parts made and assembled outside the U.S.
49 |         </dd>
50 |     </dl>
51 |     
52 | </body>
53 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/logicQ1.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Q1</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var a=[4,20,10,6];
11 |         let firstNum=0;
12 |         let secondNum=0; 
13 | 
14 |         for(let i=0;i<a.length;i++){
15 |             if(a[i] < 1000){
16 |                 
17 |                 if(a[i] > firstNum){
18 | 
19 |                       secondNum = firstNum;
20 |                       
21 |                       firstNum = a[i]
22 |                 }
23 |             }
24 |         }
25 | 
26 |         console.log(firstNum);
27 |         console.log(secondNum);
28 |         
29 |         
30 |     </script>
31 | </body>
32 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/logicQ2.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Q2</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let res=[];
11 |         function arr(a,b){
12 |             for(i=1;i<b;i++){
13 |                 res.push(a*i)
14 |             }
15 |             console.log(res)
16 | 
17 |         }arr(7,5)
18 | 
19 | 
20 |     </script>
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/maincontent.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>amazon</title>
 7 |     <style>
 8 |         body{
 9 |             background-color: darkslategrey;
10 |         }
11 |         .rain{
12 |         
13 |             color: darkgoldenrod;
14 | 
15 |         }
16 |         .am{
17 |             text-align: center;
18 |         }
19 | 
20 |     </style>
21 | </head>
22 | <body>
23 |     <u>
24 |     <h1 class="am">
25 |         Amazon
26 |     </h1>
27 | </u>
28 |     <marquee>
29 |    <i>
30 |     <h3 class="rain">
31 |         Rain forest
32 |     </h3>
33 |    </i>
34 | </marquee>
35 |    <p>
36 |     The Amazon rainforest,[a] also called Amazon jungle or Amazonia, is a moist broadleaf tropical rainforest in the Amazon biome that covers most of the Amazon basin of South America. This basin encompasses 7,000,000 km2 (2,700,000 sq mi),[2] of which 6,000,000 km2 (2,300,000 sq mi) are covered by the rainforest.[3] This region includes territory belonging to nine nations and 3,344 indigenous territories.
37 |    </p>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/map.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>MAP</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var  a = [1,2,3,4,5]
11 |         var b = a.map((multi)=>multi*2) 
12 |         console.log(b)
13 | 
14 |         var c = [
15 |             {
16 |                 name:"priyanandan",
17 |                 age:20
18 |             }
19 |         ]
20 |         console.log(c.map((names) => names.name))
21 |     </script>
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/oddoreven.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>odd or even</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var a=2;
11 |         if(a%2==0){
12 |             document.write("even")
13 |         }else{
14 |             document.write("odd")
15 |         }
16 |     </script>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/patternQ1.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 |     <title>pattern</title>
 7 |   </head>
 8 |   <body>
 9 |     <script>
10 |       var a = 5;
11 |       for (i = 1; i <= a; i++) {
12 |         for (j = 1; j <= i; j++) {
13 |           document.write("  "+j);
14 |         }
15 |         document.write("<br>");
16 |       }
17 |     </script>
18 |   </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/modules/Priyanandan/patternQ2.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>pattern</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var a=1;
11 |         for(i=5;i>a;i--){
12 | 
13 |             for(j=1;j<i;j++){
14 |                 document.write(" "+j)
15 |             }
16 |             document.write("<br>")
17 |         }
18 |     </script>
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/modules/Priyanandan/style.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/m-h-d-salih/HTML5-CSS-JS/6a05a495eee6faa14b9f4555db9d019e23e92044/modules/Priyanandan/style.css


--------------------------------------------------------------------------------
/modules/Priyanandan/table.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Simple HTML Table</title>
 7 |     <style>
 8 |         body{
 9 |             background-color: darkslategray;
10 |         }
11 |         table {
12 |             border-collapse: collapse;
13 |         }
14 |         th, td {
15 |             border: 2px solid rgb(18, 8, 8);
16 |             padding: 8px;
17 |             text-align: left;
18 |         }
19 | 
20 |         th {
21 |             background-color: #377042;
22 |         }
23 |     </style>
24 | </head>
25 | <body>
26 |     <h1>My Sample Table</h1>
27 |     <table>
28 |         
29 |             <tr>
30 |                 <th colspan="2">box 1</th>
31 |                 <th>box 2</th>
32 |             </tr>
33 | 
34 |         
35 |             <tr>
36 |                 <td>car</td>
37 |                 <td>bike</td>
38 |                 <td>plain</td>
39 |             </tr>
40 |             <tr>
41 |                 <td>fish</td>
42 |                 <td>cat</td>
43 |                 <td>dog</td>
44 |             </tr>
45 |             <tr>
46 |                 <td>iphone</td>
47 |                 <td>samsung</td>
48 |                 <td>nokia</td>
49 |             </tr>
50 |             
51 |        
52 |     </table>
53 | </body>
54 | </html>
55 | 


--------------------------------------------------------------------------------
/modules/Priyanandan/zindex.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <meta charset="UTF-8">
 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 | <title>Z-Index Example</title>
 7 | <style>
 8 |   .container {
 9 |     position: relative;
10 |     width: 200px;
11 |     height: 200px;
12 |   }
13 |   .box {
14 |     position: absolute;
15 |     width: 100px;
16 |     height: 100px;
17 |   }
18 |   .box1 {
19 |     background: red;
20 |     z-index: 2; /* Lower stack level */
21 |   }
22 |   .box2 {
23 |     background: blue;
24 |     z-index: 1; /* Higher stack level */
25 |     top: 50px;
26 |     left: 50px;
27 |   }
28 | </style>
29 | </head>
30 | <body>
31 | <div class="container">
32 |   <div class="box box1"></div>
33 |   <div class="box box2"></div>
34 | </div>
35 | </body>
36 | </html>
37 | 


--------------------------------------------------------------------------------
/modules/Raveen/index.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/m-h-d-salih/HTML5-CSS-JS/6a05a495eee6faa14b9f4555db9d019e23e92044/modules/Raveen/index.html


--------------------------------------------------------------------------------
/modules/Salih/JS/add eventlisteners.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <button type="button" id="btn">clck</button>
10 |     <span id="spn">0</span>
11 |     <script>
12 |         count=0;
13 |         document.getElementById('btn').addEventListener("click",()=>{
14 |             count++;
15 |             document.getElementById('spn').innerHTML= count;
16 |         });
17 |     </script>
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/age after 5.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function afterNYears(obj,n)
11 |         {
12 |             for(let i in obj){
13 |             //    console.log(obj[i]+n)
14 |             obj[i]=obj[i]+n;
15 |             }
16 |             console.log(obj);
17 |         }
18 | 
19 | 
20 |       afterNYears({Joel : 32, Fred : 44, Susan : 33}, 5);
21 |       
22 |     </script>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/age deffrence.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function agedif(arr)
11 |         {
12 |            const newar=[];
13 |             const newr=arr.map(item => item.age);
14 |             newr.sort((a,b) =>a-b);
15 |             newar.push(newr[0],newr[newr.length-1],newr[newr.length-1]-newr[0])
16 |             console.log(newar);
17 |         }
18 |         agedif([
19 | { name: "Mark", age: 38 },
20 | { name: "Charlie", age: 10 },
21 | { name: "Anna", age: 25 }
22 | ]);
23 |     </script>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/ageMembers.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function ageMembers(arr)
11 |         {
12 |             const newar=[];
13 |             const newr=arr.map(item => item.age);
14 |             newr.sort((a,b)=>a-b);
15 |             newar.push(newr[0],newr[newr.length-1],newr[newr.length-1]-newr[0]);
16 |             return newar;
17 |         }console.log(
18 |             ageMembers([
19 | { name: "Mark", age: 38 },
20 | { name: "Charlie", age: 10 },
21 | { name: "Anna", age: 25 }
22 | ]) );
23 |         </script>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/alphabetpattern.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         for(var i=1;i<=5;i++)
11 |         {
12 |             for(var j=1;j<=i;j++)
13 |             {
14 |                 document.write(" "+String.fromCharCode(64+j));
15 |             }
16 |             document.write("<br><br>");
17 |         }
18 |         for(i=5;i>=1;i--)
19 |         {
20 |             for(j=1;j<=i;j++)
21 |             {
22 |                 document.write(" "+String.fromCharCode(64+i));
23 |             }
24 |             document.write("<br>");
25 |         }
26 |     </script>
27 | </body>
28 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/arr.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function runningsum(arr){
11 |         
12 |         let s=0;
13 |         const newar=arr.map(item => s+=item);
14 |       
15 |         return newar;
16 |         }
17 |         console.log(runningsum([1, 2, 3, 4]));
18 |     //     const arr=[1,2,3,5,6];
19 |     //     const arrnew=[];
20 |     //     const newar=arr.filter((item,index)=>
21 |     // {
22 |     //     if(arr[index+1]-item!=1)
23 |     //     arrnew.push(arr[index+1]);
24 |     // })
25 |     // console.log(arrnew);
26 |     const arr = [1, 2, 3, 5, 6];
27 | const arrnew = [];
28 | 
29 | for (let i = 0; i < arr.length - 1; i++) {
30 |     if (arr[i + 1] - arr[i] !== 1) {
31 |         arrnew.push(arr[i + 1]);
32 |     }
33 | }
34 | // const arr = [1, 2, 3, 5, 6];
35 | 
36 | // const arrnew = arr.filter((item, index) => {
37 | //     return arr[index + 1] - item !== 1;
38 | // });
39 | 
40 | // console.log(arrnew);
41 | 
42 | console.log(arrnew);
43 | 
44 | function capnoncap(str)
45 | {
46 |     let s1="";
47 |     let  s2="";
48 |     for(let i in str)
49 |     {
50 |         if(i%2==0)
51 |         {
52 |             s1+=str[i].toUpperCase();
53 |             s2+=str[i].toLowerCase();
54 | 
55 |         }
56 |         else
57 |         {
58 |               s1+=str[i].toLowerCase();
59 |                s2+=str[i].toUpperCase();
60 |         }
61 | 
62 |     }
63 |     console.log(s1);
64 |     console.log(s2);
65 | }
66 | capnoncap('abcd');
67 | function extractcap(str)
68 | {
69 |     let cap="";
70 |     let noncap="";
71 |     for(let i of str)
72 |     {
73 |         if(i>'A' && i<'Z')
74 |         cap+=i;
75 |         else
76 |         noncap+=i;
77 |         
78 |     }
79 |     console.log(cap+noncap);
80 | 
81 | }
82 | extractcap('aBcdEF');
83 | function concatstr(obj)
84 | {
85 |     let s="";
86 |     for(let i in obj)
87 |     s+=obj[i]+" ";
88 | console.log(s);
89 |     
90 | }
91 | 
92 | concatstr({ 1: "Mommy", 2: "please", 3: "help" });
93 | 
94 | 
95 | 
96 |     </script>
97 |     
98 | </body>
99 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/arrange cap and non cap.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |        function capToFront(word) {
11 |     const capitalLetters = word.match(/[A-Z]/g) ; // Extract capital letters
12 |     const nonCapitalLetters = word.replace(/[A-Z]/g, ''); // Remove capital letters
13 | 
14 |     return capitalLetters.join('') + nonCapitalLetters;
15 | }
16 | 
17 | // Examples
18 | console.log(capToFront("hApPy")); // ➞ "APhpy"
19 | console.log(capToFront("moveMENT")); // ➞ "MENTmove"
20 | 
21 |     </script>
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/array of multiples.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         a=(n,len)=>{
11 |             ar=[];
12 |             
13 |             for(let i=1;i<=len;i++)
14 |             {
15 |                 ar.push(n*i);
16 |             }
17 |             console.log(ar);
18 |         }
19 |         a(7,5);
20 |         b=[];
21 |         b.push(23+45);
22 |         console.log(b);
23 |         const arr=[23,21,45,64,1];
24 |         console.log(Math.max(...arr));
25 |     </script>
26 | </body>
27 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/array return more than4.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function strMethod(arr)
11 |         {
12 |             const ar=[];
13 |             for(let i in arr)
14 |             {
15 |                 
16 |             if(arr[i].length>=4)
17 |                 ar.push(arr[i]);
18 |         }
19 |         return ar;
20 |         }
21 |         console.log(strMethod(["Rat", "Bear", "Fox"]));
22 |     </script>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/array.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html lang="en">
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |     <title>Document</title>
  8 | </head>
  9 | <body>
 10 |     <script>
 11 |         const arr=[23,54,12,90,45];
 12 |         const cars=['bugatti','mclaren','koenigsegg','pagani','lamborghini'];
 13 |         console.log(arr);
 14 |         console.log(cars);
 15 |         console.log(arr.indexOf(12));
 16 |         console.log(cars.sort());
 17 |         console.log(arr.reverse());
 18 |         // console.log(Math.min.apply(arr));
 19 |         //foreach
 20 |         const a=[11,31,55,9,23,89];
 21 |         let s=0;
 22 |         a.forEach(function(value,index){
 23 |             console.log(value+" "+index);
 24 |             s+=value;
 25 |         });
 26 |         //sort
 27 |         console.log(s);
 28 |         console.log(a.sort());
 29 |         //join
 30 |         let b=cars.join(" * ");
 31 |         console.log(b);
 32 |         const arrobj=[{name:"salih"},{age:"21"},{wife:'nidha'}];
 33 |         arrobj.forEach(function(value,index){
 34 |             console.log(value.wife);
 35 |         });
 36 |         //splice
 37 |         cars.splice(0,0,'hummer')
 38 |         console.log(cars);
 39 |         let cars1=cars.toSpliced(3,3);
 40 |         console.log(cars1);
 41 |         console.log(cars);
 42 |         //arrow function
 43 |         let arrow = () =>{
 44 |             consoole.log("hello");
 45 |         }
 46 |         let func = () => {
 47 |             console.log("hello");
 48 |         }
 49 |         func();
 50 |         //arrow
 51 |         const calc = (a,b) => a+b;
 52 |         console.log(calc(2,3));
 53 |         //find method in array
 54 |         let found = arr.find(function(item){
 55 |            return item==12;
 56 |         });
 57 |         console.log(found);
 58 |         //find method in array of object
 59 |         let found1 = arrobj.find(function(item){
 60 |             return item.wife=='nidha';
 61 |         });
 62 |         console.log(found1);
 63 |         //find method using arrrow function
 64 |         let found2=cars.find((item)=>{
 65 |             return item=='pagani';
 66 |         });
 67 |         console.log(found2);
 68 |         //indexOf()
 69 |         
 70 |         console.log(arr);
 71 |         console.log(arr.indexOf(54));
 72 |         //using callback function
 73 |         // let ind = arr.indexOf(function(90){
 74 |         //     return
 75 |         // });
 76 |         //filter method
 77 |         const people = [
 78 |             {
 79 |                 name:"salih",
 80 |                 age:21,
 81 |                 mark:100
 82 |             },
 83 |             {
 84 |                 name:"nidha",
 85 |                 age:18,
 86 |                 mark:90
 87 |             },
 88 |             {
 89 |                 name:"afham",
 90 |                 age:22,
 91 |                 mark:95
 92 |             },
 93 |             {
 94 |             name:"anjali",
 95 |                 age:19,
 96 |                 mark:70
 97 |             },
 98 |             {
 99 |                 name:"midhun",
100 |                 age:20,
101 |                 mark:75
102 |             },
103 |             {
104 |                 name:"priyanandan",
105 |                 age:20,
106 |                 mark:80
107 |             }
108 |         ];
109 |         console.log(people);
110 |         let get = people.filter((item) => item.age<19);
111 |         let getMark = people.filter(function(item){
112 |            return item.mark>89;
113 |             
114 |         });
115 |         console.log(get);
116 |         console.log(getMark);
117 |         //map mthod
118 |         //we use above array
119 |         const newar = people.map((item) => item.name +" "+ item.mark);
120 |         console.log(newar);
121 |         const markar=people.map(function(item){
122 |             return item.mark*10;
123 |         });
124 |         console.log(markar);
125 |         const num=[22,33,11,40,26]
126 |         let sqrt = num.map(Math.sqrt);
127 |         console.log(sqrt);
128 |         //reduce method using above array
129 |         let sum = num.reduce((total,value)=>total+value,0);
130 |         console.log(sum);
131 |         //concatinatin string using reduce
132 |         let conc = cars.reduce((total,value)=>total+" "+value);
133 |         console.log(conc);
134 |         //Pass Function Value as Default Value
135 |         const sum1 = () => 20;
136 |         let calculate = function(x,y=x+10*sum1()){
137 |             return  x+y;
138 | 
139 |         }
140 |         console.log(calculate(10));
141 |         
142 |     </script>
143 | </body>
144 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/arraymethod.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         const fruits = ["Banana", "Orange", "Apple", "Mango"];
11 | 
12 | let text = "<ul>";
13 | fruits.forEach(myFunction);
14 | document.write(text);
15 | text += "</ul>";
16 | 
17 | function myFunction(value) {
18 |   return text += "<li>" + value + "</li>";
19 | }
20 |     </script>
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/average mark.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function avgmark(obj)
11 |         {
12 |             const arr=obj.marks;
13 |            
14 |             let count=0;
15 |             const newar = arr.reduce((acc,item)=>{
16 |                 count++;
17 |                 return acc+item;
18 |             },0);
19 |             console.log(newar/count);
20 |         }
21 | 
22 |         avgmark({name: "Kevin", marks: [50, 45, 40, 40, 25] });
23 |     </script>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/bank balance checking.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <form>
10 |         <pre>
11 |         <label>Deposit</label>
12 |         <input type="text" id="txt1"> <button type="button" onclick="deposit()">Deposit</button>
13 |     
14 |         <label>Withdraw</label>
15 |         <input type="text" id="txt2"> <button type="button" onclick="withdraw()">Withdraw</button>
16 |        
17 |         <button type="button" onclick="showBalance()">Show balance</button>
18 | 
19 |         <h3 id="h31" style="margin-left: 50px;"></h4>
20 |         </pre>
21 |     </form>
22 |     <script>
23 |         var balance = 0;
24 |         function deposit()
25 |         {
26 |             let deposit = parseInt(document.getElementById('txt1').value);
27 |             
28 |            
29 |             balance+=deposit;
30 |             alert("deposited succesfully");
31 |            
32 |         }
33 |         function withdraw()
34 |         {
35 |             let withdraw = parseInt(document.getElementById('txt2').value);
36 |            
37 |            if( withdraw > balance)
38 |            alert("infucient balance ! cannot withdraw");
39 |            else
40 |            {
41 |             balance-=withdraw;
42 |             alert("withdrawl successfully");
43 |            }
44 |             
45 |         }
46 |         function showBalance()
47 |         {
48 |             document.getElementById("h31").innerHTML="available balance= "+balance+"Rs";
49 |         }
50 |     </script>
51 | </body>
52 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/bridge on true.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |     function bridgetrue(arr)
11 |     {
12 |         flag=true;
13 |         const newar=arr.map(item => item=="bridgeon"?flag=!flag:flag);
14 |         return newar;
15 |     }
16 |     console.log(bridgetrue(["bridgeon", 10101, 3.14, 53, "bridgeon"]));
17 | </script>
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/bridgeon true.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |     function bridgeonSwitch(arr)
11 |     {
12 |         flag=true;
13 |         const newar=arr.map((item)=>item=="bridgeon"?flag=!flag:flag);
14 |         console.log(newar);
15 |     }
16 |     bridgeonSwitch(([false, false, "bridgeon", true]));
17 |     
18 | </script>
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/calculator.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function calculator(a,ch,b){
11 |             switch(ch){
12 |                 case '+':console.log(a+b);
13 |                 break;
14 |                 case '-':console.log(a-b);
15 |                 break;
16 |                 case '*':console.log(a*b);
17 |                 break;
18 |                 case '/':console.log(a/b);
19 |                 break;
20 |                 case '%':console.log(a%b);
21 |                 break;
22 |             }
23 |         }
24 | 
25 | 
26 |          calculator(2, "/", 2);
27 |     </script>
28 |    
29 | </body>
30 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/callback.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         console.log("start")
11 |         function fun(callback){
12 |             setTimeout(()=>{
13 |             callback("hello");
14 |         },0);
15 |         }
16 |         fun((s)=>{
17 |             console.log(s)
18 |         });
19 |         console.log("end")
20 |     </script>
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/camelcase.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let s="CODE YOUR FUTURE";
11 |         console.log(s);
12 |         let len=s.length;
13 |         let i,u="";
14 |         for(i=0;i<=len-1;i++)
15 |         {
16 |             if(s[i]==" " && s[i+1]!=" ")
17 |             {
18 |               u+=s[i+1].toUpperCase();
19 |               i++;
20 |               
21 |             }
22 |             else
23 |             {
24 |             u+=s[i].toLowerCase();
25 | 
26 |             }
27 |             
28 |         
29 |         }
30 |         console.log(u);
31 |     </script>
32 | </body>
33 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/climbing stair.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var climbStairs = function(n) {
11 |     let x=n;
12 |     let s=0;
13 |     
14 |     while(x>=0)
15 |     {
16 |         let a=x-1;
17 |         s+=a;
18 |         x--;
19 |        
20 |     }
21 |     return s;
22 | };
23 | console.log(climbStairs(2));
24 |     </script>
25 | </body>
26 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/copywith.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         // let array = ["a","b","c","d","e","f","g"]
11 |     //    let new_arr =  array.copyWithin(1,2,3);
12 |     //    console.log(new_arr);
13 |        const arr=["apple","mango","orange"];
14 |        const obj={
15 |         name:"abc",
16 |         age:25
17 |        }
18 |        let str="aBc";
19 |       for(let i of str)
20 |       {
21 |         console.log(i);
22 |       } 
23 |       
24 | 
25 |     </script>
26 | </body>
27 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/destructuring.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         //array destructuring
11 |         const ar = [1,2,3,4,5];
12 |         const [a,b,c,d]=ar;
13 |         console.log(a,b,c,d);
14 |         //object destructuring
15 |         const obj = {
16 |             name:"salih",
17 |             age:21,
18 |             mark:100,
19 |             status:true,
20 |             ab:function(){
21 |                 console.log("hii");
22 |             }
23 | 
24 |         };
25 |         const {
26 |             name:name1,
27 |             age,
28 |             mark,
29 |             status=false,
30 |             ab
31 |         }=obj;
32 |         console.log(name1,age,mark,status,ab);
33 |         let arrow = ([a, ,c,...rest]) => console.log(a,c,rest);
34 |         arrow(ar);
35 |         let arrow1 =({name,...rest}) =>console.log(name,rest);
36 |         arrow1(obj);
37 |        
38 |  // (function(){
39 |         //         console.log("hii");
40 |         // })
41 |         let arr=[1,2,3];
42 |        arr.forEach(item=>console.log(item));
43 |         
44 |     </script>
45 | </body>
46 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/displayTextInTheTextBox.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <input type="text" id="text">
10 |     <input type="text" id="text1">
11 |     
12 |     <script>
13 |         document.querySelector('#text').addEventListener('change', (e) => {
14 |             document.querySelector('#text1').value = e.target.value;
15 |             console.log(e.target.value);
16 |         });
17 |     </script>
18 |     
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/eliminate duplicate.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function eliminate(arr){
11 |             
12 | 
13 |             
14 |         }
15 |     </script>
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/evenodd.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let a=10;
11 |         if(a % 2== 0)
12 |         {
13 |             console.log(a+" is even");
14 |         } 
15 |         else
16 |         {
17 |             console.log(a+"odd");
18 |         } 
19 |     </script>
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/extract cap and nonn cap.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function Scrambled(str){
11 |             let caps="",noncaps="";
12 |             for(let i of str)
13 |             {
14 |                 i.charCodeAt(0)<90 && i.charCodeAt(0)>65?caps+=i:noncaps+=i;
15 |             }
16 |             console.log(caps.split(" "));
17 |             console.log(noncaps.split(" "));
18 | 
19 |         }
20 |         Scrambled('MICROsoft');
21 |         arr=[2, -1, 4, 8, 10];
22 |         const newar=arr.reduce((acc,item)=> acc+Math.abs(item),0);
23 |         console.log(newar);
24 | 
25 |     </script>
26 | </body>
27 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/fetch.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         fetch("https://pokeapi.co/api/v2/pokemon/pikachu")
11 |         // .then(value=>value.json())
12 |         .then(data=>console.log(data))
13 |         .catch(error=>console.error(error));
14 | 
15 | 
16 |         ///using async await
17 | 
18 |         async function fetchData(){
19 |             try{
20 |             const response=await fetch("https://pokeapi.co/api/v2/pokemon/pikachu");
21 |             if(!response.ok) 
22 |             throw new Error("coud not fetch");
23 |            const data=await response.json();
24 |            console.log(data)
25 |         }
26 |         catch(error)
27 |         {
28 |         console.error(error);
29 |         }
30 |     }
31 |     fetchData();
32 |     </script>
33 | </body>
34 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/findLargest.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function findlarge(arr)
11 |         {
12 |             const  newar=arr.map(item => Math.max(...item));
13 |             return newar;
14 |         }
15 |         console.log(findlarge([[0.4321, 0.7634, 0.652], [1.324, 9.32, 2.5423, 6.4314], [9, 3, 6, 3]])) ;
16 |     </script>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/function sum of array.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function getSum(arr)
11 |         {
12 |             let s=0;
13 |             // console.log(typeof s);
14 |             for(i in arr)
15 |             {
16 |                 if(arr[i]%3==0)
17 |                 s=s+arr[i];
18 |                 // console.log(arr[i]);
19 |                 else
20 |                 continue;
21 |             }
22 |             
23 |             return s
24 |         }
25 |         let ar=[1, 3, 8, 5, 9];
26 |         console.log(getSum(ar));
27 |     </script>
28 | </body>
29 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/getSalary.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function getSalary(arr)
11 |         {
12 |             const newar=arr.reduce((acc,item) =>acc+item.salary,0);
13 |            
14 |             console.log(newar);
15 |         }
16 |         console.log(
17 |         getSalary([
18 | { name: "John", salary: 23000 },
19 | { name: "Steve", salary: 40000 },
20 | { name: "Martin", salary: 15000 }
21 | ]));
22 | console.log(10*'5'+true);
23 |     </script>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/grade of the mark.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var mark = 88;
11 |         if(mark > 90 && mark <= 100){
12 |             console.log("S grade");
13 |         }
14 |         else if(mark > 80 && mark <= 90){
15 |             console.log("A grade");
16 |         }
17 |         else if(mark > 70 && mark <= 80){
18 |             console.log("B grade");
19 |         }
20 |         else if(mark > 60 && mark <= 70) {
21 |             console.log("C grade");
22 |         }
23 |         else if(mark > 50 && mark <= 60) {
24 |             console.log("D grade");
25 |         }
26 |         else if(mark > 40 && mark <= 50) {
27 |             console.log("E grade");
28 |         }
29 |         else if(mark > 0 && mark <= 40){
30 |             console.log("failed");
31 |         }
32 |         else{
33 |             console.log("invalid mark");
34 |         }
35 |     </script>
36 | </body>
37 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/hocFunction.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |      const area=(radius)=>Math.PI*radius*radius;
11 | const circum=(radius)=>2*Math.PI*radius*radius;
12 | Array.prototype.calculate=function(logic){
13 |     const output=[]
14 |     for(let i=0;i<this.length;i++)
15 |    output.push(logic(this[i]))
16 |     return output;
17 | }
18 | const radius=[1,2,3,4]
19 | console.log(radius.calculate(area))
20 |     </script>
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/holo star pattern.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     
10 |     <script>
11 |         let ptrn="";
12 |         for(let i=1;i<=5;i++)
13 |         {
14 |             for(let j=1;j<=9;j++)
15 |             {
16 |                 if(i==1 || i==j || j==10-i) 
17 |                 ptrn+="*";
18 |                 
19 |                 else
20 |                 ptrn+=" ";
21 |             }
22 |             ptrn+=" \n";
23 |         }
24 |         console.log(ptrn);
25 |     </script>
26 | </body>
27 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/iife.js:
--------------------------------------------------------------------------------
1 | (function(){
2 |     console.log(`hello world`)
3 | })()
4 | 


--------------------------------------------------------------------------------
/modules/Salih/JS/import export.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <h1>hii</h1>
10 |     <script type="module" src="script1.js"></script>
11 |     <script type="module" src="script2.js"></script>
12 |     <script type="module" src="script3.js"></script>
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <h1>Hello there</h1>
10 |     <script  src="index.js">
11 | 
12 | 
13 |     </script>
14 |     
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/india pattern.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let s="INDIA";
11 |         let s2="";
12 |         let len=s.length;
13 |         for(i=0;i<=len-1;i++)
14 |         {
15 |             for(j=0;j<=i;j++)
16 |             {
17 |             s2+=s[j];
18 |             }
19 |         s2+="\n";
20 |         }
21 |         console.log(s2);
22 |     </script>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/largest element.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         const arr=[1,4,7,3,6];
11 |         let len=arr.length;
12 |         for(i=0;i<=len-1;i++)
13 |         {
14 |             for(j=i+1;j<=len-1;j++)
15 |             {
16 |             if(arr[i]>arr[j])
17 |             {
18 |                 let t=arr[i];
19 |                 arr[i]=arr[j];
20 |                 arr[j]=t;
21 |             }
22 |             }
23 |         }
24 |       
25 |         console.log("largest element is  "+arr[len-1]);
26 |         
27 |     </script>
28 | </body>
29 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/largest of arrays.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function largest(arr)
11 |         {
12 |            
13 |             const newar=arr.map(item => Math.max(...item));
14 |                
15 |             console.log(newar);
16 |         }
17 |         largest([[4, 2, 7, 1], [20, 70, 40, 90], [1, 2, 0]]);
18 |         
19 |     </script>
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/largest.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |          let a=10 , b=20 , c=12;
11 |          if(a >= b && a >= c ){
12 |             console.log(a+" is largest");
13 |         }
14 |         else if(b >= a && b >= c)
15 |         {
16 |             console.log(b+"  is largest");
17 |         }
18 |         else
19 |         {
20 |             console.log(c+" is largest");
21 |             
22 |         }
23 |     </script>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/leapyear.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var year=2012;
11 |         if( year % 4 == 0 && year % 100 != 0)
12 |         {
13 |             console.log(year+" is leap year");
14 |         }
15 |         else if(year % 400 == 0)
16 |         {
17 |             console.log(year+" is leap year")
18 |         }
19 |         else{
20 |             console.log(year+" is not leap year");
21 |         }
22 |     </script>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/leetCodeQst-283/leetCode-283.js:
--------------------------------------------------------------------------------
 1 | var moveZeroes = function(nums) {
 2 |     let pos=0;
 3 |     for(let i of nums){
 4 |         if(i!==0){
 5 |             nums[pos]=i;
 6 |             pos++
 7 |         }
 8 |     }
 9 |     while(pos<nums.length){
10 |         nums[pos]=0;
11 |         pos++;
12 |     }
13 |     return nums;
14 | };


--------------------------------------------------------------------------------
/modules/Salih/JS/leetCodeQst1342.js:
--------------------------------------------------------------------------------
 1 | 
 2 |     function NumberOfSteps( num)
 3 | {
 4 |     let step = 0;
 5 |     while (num > 0)
 6 |     { 
 7 |     if(num % 2 == 0)
 8 |             num /=  2;
 9 |         else
10 |            num-= 1;
11 |      step++;
12 |     }
13 |     return step;
14 | }
15 | console.log(NumberOfSteps(14));
16 | 


--------------------------------------------------------------------------------
/modules/Salih/JS/leetCodeQst1816.js:
--------------------------------------------------------------------------------
 1 | function Truncate(s,k)
 2 | {
 3 |     let result = "";
 4 |     const str = s.split(' ');
 5 |     for (let i = 0; i < k; i++)
 6 |     {
 7 |         result += str[i]+" ";
 8 |     }
 9 |     return result.trimEnd();
10 | }
11 | console.log(Truncate("Hello how are you Contestant",4))
12 | 
13 |    
14 |  


--------------------------------------------------------------------------------
/modules/Salih/JS/leetcode qst.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var removeDuplicates = function(nums) {
11 |             let k=0;
12 |     for(let i=0;i<nums.length;i++)
13 |     {
14 |         for(let j=0;j<nums.length;j++)
15 |         {
16 |             if(i==j)
17 |             continue;
18 |             if(nums[i]==nums[j])
19 |             {
20 |                 let t=nums[nums.length-1];
21 |                 nums[nums.length-1]=nums[j];
22 |                 nums[j]=t;
23 |                 nums.pop();
24 |                 k++;
25 |             }
26 |         }
27 | 
28 |     }
29 |     nums.sort((a,b)=>a-b)
30 |     // for(let i=0;i<k;i++)
31 |     // nums.push('-');
32 |     return nums;
33 | };
34 | console.log(removeDuplicates([1,1,2]));
35 | 
36 |     </script>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/length of last word.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var lengthOfLastWord = function(s) {
11 |     let a=s.trim();
12 |     let b=a.split(" "); 
13 |     let len=b.length-1;  
14 |     return b[len].length;
15 |     
16 | };
17 | console.log(lengthOfLastWord("   fly me   to   the moon  "));
18 |     </script>
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/length of string even odd.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function oddEven(str)
11 |         {
12 |             
13 |             return str.length%2==0;
14 |         }
15 |         console.log(oddEven("cherry"));
16 |     </script>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/longest word in a string.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let str="mohammed salih fathima nidhasalih";
11 |         const newar=str.split(" ");
12 |         newar.sort((a,b)=>b.length-a.length);
13 |         console.log(newar[0]);
14 |     </script>
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/longestt word in array.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         const arr = ['apple', 'banana', 'cherry', 'blueberry'];
11 |         arr.sort((a,b)=>b.length-a.length);
12 |         console.log(arr[0]);
13 |     </script>
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/math.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         //math.random
11 |         let x=Math.random();
12 |         let y = 13.56;
13 |         console.log(x);
14 |         //math.round
15 |         console.log("math.round");
16 |         console.log(Math.round(x));
17 |         console.log(Math.round(y));
18 |         //math.ceil
19 |         console.log("math.ceil");
20 |         console.log(Math.ceil(x));
21 |         console.log(Math.ceil(y));
22 |         //math.floor
23 |         console.log("math.floor");
24 |         console.log(Math.floor(x));
25 |         console.log(Math.floor(y));
26 |         //Math.truncate
27 |         console.log("math.truncate");
28 |         console.log(Math.trunc(x));
29 |         console.log(Math.trunc(y));
30 |         //Math.pow
31 |         console.log("Math.pow");
32 |         console.log(Math.pow(x,2));
33 |         console.log(Math.pow(2,3));
34 |         //Math.sqrt
35 |         console.log("Math.sqrt");
36 |         console.log(Math.sqrt(x));
37 |         console.log(Math.sqrt(25));
38 |         //Math.abs
39 |         console.log("Math.abs");
40 |         console.log(Math.abs(x));
41 |         console.log(Math.abs(y));
42 |         //Math.min
43 |         console.log("Math.min");
44 |         const a=[3,2,45,1,20];
45 |         console.log( Math.min());
46 |     </script>
47 | </body>
48 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/mergearray.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var merge = function(nums1, m, nums2, n) {
11 |     nums
12 | };
13 |     </script>
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/mergelist.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var mergeTwoLists = function(list1, list2) {
11 |     const list3=list1.concat(list2);
12 |     
13 |     console.log(list3.sort((a,b)=>a-b))
14 | };
15 | mergeTwoLists([1,2,4],[1,3,4]);
16 |     </script>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/numberpattern.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Document</title>
  7 | </head>
  8 | <body>
  9 |     <script>
 10 |         var n=1,i,j;
 11 |         for(i=1;i<=4;i++)
 12 |         {
 13 |             for(j=1;j<=i;j++)
 14 |             {
 15 |                 document.write(" "+n);
 16 |                 n++;
 17 |             }
 18 |             document.write("<br><br>");
 19 |         }
 20 |         
 21 |         // for(i=1;i<=5;i++)
 22 |         // {
 23 |         //     for(j=1;j<=5 && j<=i;j--)
 24 |         //     {
 25 |                 
 26 |         //        document.write(j);
 27 |     
 28 |         //     }
 29 |         //     document.write("<br>")
 30 |         // }
 31 |         for(i=1;i<=4;i++)
 32 |         {
 33 |             for(j=1;j<=7;j++)
 34 |             {
 35 |                 if(j>=i && j<=8-i)
 36 |                 document.write("*");
 37 |                 else
 38 |                 document.write("&nbsp;");
 39 |             }
 40 |             document.write("<br>");
 41 |         }
 42 |         let k;
 43 |         for(i=1;i<=4;i++)
 44 |         {
 45 |             k=i;
 46 |             for(j=1;j<=7;j++)
 47 |             {
 48 |                 if(j>=5-i && j<=3+i)
 49 |                 {
 50 |                 document.write(k);
 51 |                 k<4?k++:k--;
 52 |                 }
 53 |                 else
 54 |                 document.write("&nbsp;");
 55 |             }
 56 |             document.write("<br>");
 57 |         }
 58 |         document.write("<br>");
 59 |         document.write("<br>");
 60 |         for(i=1;i<=7;i++)
 61 |         {
 62 |             k=7-i;
 63 |             for(j=1;j<=7;j++)
 64 |             {
 65 |                 if(j<=8-i)
 66 |                 {
 67 |                     document.write(k);
 68 |                     k--;
 69 |                 }
 70 |                 
 71 |             }
 72 |             document.write("<br>");
 73 |         }
 74 |         document.write("<br>");
 75 |         k=0;
 76 |         ptrn="";
 77 |         for(i=1;i<=9;i++)
 78 |         {
 79 |             i<6?k++:k--;
 80 |             for(j=1;j<=5;j++)
 81 |             {
 82 |             if(j>=6-k)
 83 |             ptrn+=j;
 84 |             else
 85 |             ptrn+=" ";
 86 |         }
 87 |         ptrn+="\n";
 88 |     }
 89 |     console.log(ptrn+"\n");
 90 |     for(i=1;i<=5;i++)
 91 |     {
 92 |         for(j=1;j<=5;j++)
 93 |         {
 94 |             if(j>=6-i)
 95 |             ptrn+=j;
 96 |         else
 97 |         ptrn+=" ";
 98 |         }
 99 |         ptrn+="\n";
100 |     }
101 |     console.log(ptrn+"\n");
102 |     var ptr="";
103 |     
104 |     for(i=1;i<=5;i++)
105 |     {
106 |         k=6-i;
107 |         for(j=1;j<=5;j++)
108 |         {
109 |             if(j<=6-i)
110 |             ptr+=k;
111 |             k--;
112 | 
113 |         }
114 |         ptr+="\n";
115 |     }
116 |     console.log(ptr);
117 |     console.log("\n");
118 |     ptr1="";
119 |     k=1;
120 |     for(i=1;i<=3;i++)
121 |     {
122 |         
123 |         for(j=1;j<=5;j++)
124 |         {
125 |             
126 |             if(j>=4-i && j<=2+i)
127 |             {
128 |             ptr1+=k;
129 |             k++;
130 |             }
131 |             else
132 |             ptr1+=" ";
133 |         }
134 |         ptr1+="\n";
135 |     }
136 |     let ptr2="";
137 |       console.log(ptr1);
138 |       console.log("\n");
139 |       for(i=1;i<=5;i++)
140 |       {
141 |         k=i;
142 |         for(j=1;j<=i;j++)
143 |         {
144 |             ptr2+=k;
145 |             k--;
146 |         }
147 |         ptr2+="\n";
148 |       }
149 |       console.log(ptr2);
150 |       console.log("\n");
151 |       let ptr3="";
152 |       for(i=1;i<=5;i++)
153 |       {
154 |         for(j=1;j<=5;j++)
155 |         {
156 |             if(j<=6-i)
157 |             ptr3+=j;
158 |         }
159 |         ptr3+="\n";
160 |       }
161 |       console.log(ptr3);
162 |     </script>
163 | </body>
164 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/numpalindrom.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |     let n=121;
11 |     var ar=[];
12 |     let a ,i=0;
13 |     let rev;
14 |     while(n>0)
15 |     {
16 |         a=parseInt(n%10);
17 |         rev=10*0+a;
18 |         n=n/10;
19 |         i++;
20 |     }
21 |     console.log(rev==121);
22 |     console.log(rev);
23 |     </script>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/object and funnction constructor.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <h1 id="header">heloo</h1>
10 |     <script>
11 |         onload = function() {
12 |             // Your logic here
13 |             const b = document.getElementById('header');
14 |             b.innerHTML = 'nidhaSalih';
15 |             b.style.color = 'red';
16 |         };
17 |         function fnobj(name,wife){
18 |             this.name=name;
19 |             this.wife=wife
20 |         }
21 |         let obj=new fnobj('salih','nidha');
22 |         let obj1=new fnobj('salih','nidha');
23 |         let obj3=new Object();
24 |         obj3.name='salih';
25 |         console.log(obj,obj1,obj3);
26 |     </script>
27 | </body>
28 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/object.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let obj={name:'salih',age:21};
11 |         obj.wife='nidha';
12 |         console.log(obj);
13 |     </script>
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/odd or even function.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function oddeven(arr)
11 |         {
12 |           
13 |             let newar=arr.reduce((acc,item)=>
14 |                 acc+item
15 |                
16 |             ,0);
17 |             
18 |             console.log(newar%2==0?"even":"odd");
19 |             // console.log(newar%2==0?"even":"odd");
20 |         }
21 |         oddeven([0,-1,-5]) ;
22 |         // console.log(-1+-5%2==0?"even":"odd");
23 |     </script>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/palindrom.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var isPalindrome = function(x) {
11 |     let n=""+x;
12 |     let s="";
13 |     
14 |     for(i=n.length-1;i>=0;i--)
15 |     s+=n[i];
16 | 
17 |         
18 |    
19 |     return s;
20 | };
21 | console.log(isPalindrome(-121));
22 |     </script>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/palindrome.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let str="madam";
11 |         let rev="";
12 |         let len=str.length;
13 |         for(let i=len-1;i>=0;i--)
14 |         {
15 |             rev+=str[i];
16 |         }
17 |        if(rev==str)
18 |        console.log("it is palindrome");
19 |        else
20 |        console.log("it is not palindrome");
21 |     </script>
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/pattern.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |     // for(var i=1;i<=5;i++)
11 |     // {
12 |     //     for(j=1;j<=5;j++)
13 |     //     {
14 |     //         if(i+j<=5)
15 |     //         {
16 |     //         document.writeln("&nbsp;");
17 |     //         }
18 |     //         else
19 |     //         {
20 |     //         document.write("*");
21 |     //         }
22 |     //     }
23 |     //     document.write("<br>");
24 |     // }
25 |     for(var i=1;i<=5;i++)
26 |     {
27 |         for(j=1;j<=i;j++)
28 |         {
29 |             document.write(j);
30 |         }
31 |         document.write("<br>");
32 |     }
33 | 
34 |     // for(i=5;i>=1;i--){
35 |     //     for(j=1;j<=5-i;j++)
36 |     //     {
37 |     //         document.write("&nbsp;");
38 |     //     }
39 |     //     for(var k=1;k<=2*i-1;k++)
40 |     //     {
41 |     //         document.write("*");
42 |     //     }
43 |     //     document.write("<br>");
44 |     // }
45 |     // for(i=1;i<=5;i++)
46 |     // {
47 |     //     for(j=1;j<=5-i;j++)
48 |     //     {
49 |     //         document.writeln("&nbsp;&nbsp;");
50 |     //     }
51 |     //     for(k=1;k<=2*i-1;k++)
52 |     //     {
53 |     //         document.write(" *");
54 |     //     }
55 |     //     document.writeln("<br>");
56 |     // }
57 |    
58 |    let pattern="";
59 |    
60 |     for(var i=5;i>=1;i--){
61 |         
62 |         for(var j=1;j<=5*2-1;j++)
63 |         {
64 |             if(i==5 || j==5+1-i || j==5-1+i)
65 |             pattern+="*";
66 |             else
67 |             pattern+=" ";
68 |         }
69 |         pattern+="\n";
70 |     }
71 |     console.log(pattern);
72 |    
73 | </script>
74 | </body>
75 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/plus one.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var plusOne = function(digits) {
11 |     let b=digits.pop()+1;
12 |   
13 |     digits.push(b);
14 |     return digits;
15 | };
16 | 
17 | console.log(plusOne([1,2,3]));
18 |     </script>
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/positiveneagtive.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var a=-100;
11 |         if(a > 0){
12 |             console.log(a+" is positive");
13 |         }
14 |         else if(a < 0)
15 |         {
16 |             console.log(a+" is negative");
17 |         }
18 |         else{
19 |             console.log(a+" is zero");
20 |         }
21 |     </script>
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/promise using calculation.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Document</title>
  7 | </head>
  8 | <body>
  9 |     <script>
 10 |         //1.add
 11 |         //2.substract
 12 |         //3.multiply
 13 |         //4.division
 14 |         // function add(num1,num2,callback)
 15 |         // {
 16 |         //     setTimeout(()=>{
 17 |         //     callback(num1+num2);
 18 |         // },1000)
 19 |         // }
 20 |         // function substract(num1,num2,callback)
 21 |         // {
 22 |         //     setTimeout(()=>{
 23 |         //     callback(num1-num2);
 24 |         // },1200)
 25 |         // }
 26 |         // function multiply(num1,num2,callback)
 27 |         // {
 28 |         //     setTimeout(()=>{
 29 |         //     callback(num1*num2);
 30 |         // },1500)
 31 |         // }
 32 |         // function division(num1,num2,callback)
 33 |         // {
 34 |         //     setTimeout(()=>{
 35 |         //     callback(num1/num2);
 36 |         // },2000)
 37 |         // }
 38 |         // add(5,3,(sum)=>{
 39 |         //     console.log(sum);
 40 |         //     substract(sum,2,(deffrence)=>{
 41 |         //         console.log(deffrence);
 42 |         //         multiply(deffrence,4,(product)=>{
 43 |         //             console.log(product);
 44 |         //             division(product,10,(quotient)=>{
 45 |         //                 console.log(quotient);
 46 |         //                 console.log("operation completed")
 47 |         //             })
 48 |         //         })
 49 |         //     })
 50 |         // });
 51 | 
 52 | 
 53 |         //1.add
 54 |         //2.substract
 55 |         //3.multiply
 56 |         //4.division
 57 |         function add(num1,num2)
 58 |         {
 59 |             return new Promise((resolve,reject)=>{
 60 |                 setTimeout(()=>{
 61 |                 resolve(num1+num2)
 62 |             },1000);
 63 |             })
 64 |         }
 65 |         function substract(num1,num2)
 66 |         {
 67 |             return new Promise((resolve,reject)=>{
 68 |                 setTimeout(()=>{
 69 |                 resolve(num1-num2)
 70 |             },1200);
 71 |             })        }
 72 |         function multiply(num1,num2)
 73 |         {
 74 |             return new Promise((resolve,reject)=>{
 75 |                 setTimeout(()=>{
 76 |                 resolve(num1*num2)
 77 |             },1500);
 78 |             })
 79 |         }
 80 |         function division(num1,num2)
 81 |         {
 82 |             return new Promise((resolve,reject)=>{
 83 |                 setTimeout(()=>{
 84 |                 if(num2!=0)
 85 |                 resolve(num1/num2)
 86 |                 else
 87 |                 reject("cannot perform operation")
 88 |             },1800);
 89 |             })
 90 |         }
 91 | 
 92 |         add(5,3).then(sum=>{
 93 |             console.log(sum);
 94 |             return substract(sum,2)
 95 |         })
 96 |         .then(deffrence=>{ 
 97 |             console.log(deffrence);
 98 |             return multiply(deffrence,4);
 99 |         })
100 |         .then(product=>{
101 |             console.log(product);
102 |             return division(product,0);
103 |         })
104 |         .then(quotient=>{
105 |             console.log(quotient)
106 |         })
107 |         .catch(response=>console.error(response))
108 |         .finally(()=>console.log("operation completed"));
109 |     </script>
110 | </body>
111 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/promise-all.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |          const promise1=new Promise((resolve,reject)=>{
11 |             resolve(['ducati','ninja'])
12 |          })
13 |          const promise2=new Promise((resolve,reject)=>{
14 |             resolve(['bugatti','pagani'])
15 |          })
16 |          const promisall=Promise.all([promise1,promise2]);
17 |          promisall.then((res)=>console.log(res.flat()));
18 |          //giving an reject so it promise.all=>so it wont perform
19 | 
20 |          const promise3=new Promise((resolve,reject)=>{
21 |             reject("error")
22 |          });
23 |          const promisall2=Promise.all([promise1,promise2,promise3])
24 |          .then(res=>console.log(res))
25 |          .catch(res=>console.log(res));
26 | 
27 | 
28 |          //Promise.allSettled()
29 |          //above example
30 |          const promiseall3=Promise.allSettled([promise1,promise3])
31 |          .then((res)=>console.log(res));
32 |          //promise.any()
33 |          const promiseall4=Promise.any([promise1,promise2,promise3])
34 |          .then((res)=>console.log(res));
35 |          
36 |     </script> 
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/promise.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         //1.saw nidha
11 |         //2.propsed
12 |         //.got accepted
13 |         function sawnidha()
14 |         {
15 |             return new Promise((resolve,rejec)=>{
16 |             setTimeout(()=>{
17 |             resolve("saw nidha");
18 |             
19 |         },1500);
20 |     });
21 |         }
22 |         function proposed()
23 |         {
24 |             return new Promise((resolve,reject)=>{
25 |             setTimeout(()=>{
26 |             resolve("proposed ");
27 |             
28 |         },2000);
29 |     });
30 |     }
31 |         function accepted()
32 |         {
33 |             return new Promise((resolve,reject)=>{
34 |                 let a=false;
35 |             setTimeout(()=>{
36 |                 if(a)
37 |             resolve("got accepted");
38 |                 else
39 |                 reject("oompi")
40 |            
41 |         },2500);
42 |     });
43 | }
44 | sawnidha().then(value=>{console.log(value);return proposed()})
45 | .then(value=>{console.log(value);return accepted()})
46 | .then(value=>{console.log(value);console.log("married")})
47 | .catch(error=>console.log(error)).finally(()=>console.log("married"))
48 | ;
49 | 
50 |     
51 |     </script>
52 | </body>
53 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/promise2.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         //1.saw nidha
11 |         //2.propsed
12 |         //3.got accepted
13 |         function sawnidha()
14 |         {
15 |             return new Promise((resolve,reject)=>{
16 |                 setTimeout(()=>{
17 |             resolve("saw nidha");
18 |         },1000);
19 |             })
20 |            
21 |         }
22 |         function proposed()
23 |         {
24 |             return new Promise((resolve,reject)=>{
25 |                 setTimeout(()=>{
26 |             resolve("propsed");
27 |         },2000);
28 |             })
29 |         }
30 |         function accepted()
31 |         {
32 |             return new Promise((resolve,reject)=>{
33 |                 setTimeout(()=>{
34 |             reject("got rejected");
35 |         },2200);
36 |             })
37 |         }
38 |         sawnidha().then((value)=>
39 |         {console.log(value);
40 |             return proposed();
41 | 
42 |         }
43 |     )
44 |     .then((value=>{console.log(value);return accepted()}))
45 |     .then(value=>console.log(value))
46 |     .catch(value=>console.log(value))
47 |     .finally(()=>console.log('her fathher said yes to our married'));
48 |     
49 |         
50 |       
51 |     </script>
52 | </body>
53 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/promiseCalcChain.js:
--------------------------------------------------------------------------------
 1 | // (((8*3) + (15-5))/4) - ((9/3) * (2+6))
 2 | 
 3 | function calculate(operation,a,b){
 4 |     return new Promise((resolve,reject)=>{
 5 |         let result;
 6 |         switch(operation){
 7 |             case 'add':result=a+b;
 8 |             break;
 9 |             case 'sub':result=a-b;
10 |             break;
11 |             case 'mul':result=a*b;
12 |             break;
13 |             case 'div':result=a/b;
14 |             break;
15 |             default:reject('invalid')
16 |         }
17 |         resolve(result)
18 |     })
19 | }
20 | async function result(){
21 |     let a=await calculate('mul',8,3);
22 |     let b=await calculate('sub',15,5);
23 |     let c=await calculate('add',a,b);
24 |     let d=await calculate('div',c,4);
25 |     let e=await calculate('div',9,3);
26 |     let f=await calculate('add',2,6);
27 |     let g=await calculate('mul',e,f);
28 |     let h=await calculate('sub',d,g);
29 |     return h;
30 | }
31 | result().then(val=>console.log(val))
32 | 


--------------------------------------------------------------------------------
/modules/Salih/JS/promiseall,async and await.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function getname()
11 |         {
12 |             return new Promise((resolve,reject)=>{
13 | 
14 |            
15 |             setTimeout(()=>{
16 |                 reject('salih')
17 |             },3000);
18 |         });
19 |         }
20 |         function getnumber()
21 |         {
22 |             return new Promise((resolve,reject)=>{
23 | 
24 |            
25 |             setTimeout(()=>{
26 |                 resolve('1234')
27 |             },2000);
28 |         });
29 |         }
30 | 
31 |         
32 |         // getname().then(res=>{
33 |         //     console.log(res);
34 |         //     return getnumber()
35 |         // })
36 |         // .then(res=>console.log(res));
37 | 
38 |        // using promise.all
39 |         const promiseall=Promise.all([getname(),getnumber()]);
40 |         promiseall.then(res=>console.log(res.flat())).catch(()=>console.log('cannot perform'));
41 |         //using promise.allsettled
42 |         const promisesettled=Promise.allSettled([getname(),getnumber()])
43 |         promisesettled.then(res=>console.log(res));
44 |         //Async and Await
45 |         // async function getuser()
46 |         // {
47 |         //  let name=await getname();
48 |         //  console.log(name); 
49 |         //  let number=await getnumber();
50 |         //  console.log(number);
51 |         // }
52 |         // getuser();
53 |         
54 |         //Async and Await in try catch
55 |         async function getuser()
56 |         {
57 |         try{
58 |          let name=await getname();
59 |          console.log(name); 
60 |          let number=await getnumber();
61 |          console.log(number);
62 |         }
63 |         catch(error)
64 |         {
65 |             console.error(error)
66 |         }
67 |         }
68 |         getuser();
69 |         
70 | 
71 |     </script>
72 | </body>
73 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/question destructure.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |     
11 |         display(1,2,3);
12 |     </script>
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/recursion.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function count(c)
11 |         {
12 |             if (c>0){
13 |                 console.log(c);
14 |                 c--;
15 |                 count(c);
16 |             }
17 |             else
18 |             return
19 |         }
20 | 
21 |         count(10);
22 |         console.log("\n");
23 |         arr = [1,2,3,4];
24 |         arr.forEach(element => {
25 |             console.log(element);
26 |         });
27 | 
28 |         
29 |         
30 |     </script>
31 | </body>
32 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/remove all ocuurance in array.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         const arr=[1,2,1,3,1]
11 |         let len=arr.length;
12 |         let c=0;
13 |         for(let i=0;i<len-1;i++)
14 |         {
15 |             for(let j=i+1;i<len-1;i++)
16 |             {
17 |                 if(arr[i]==arr[j])
18 |                 {   
19 |                     continue;
20 |                 }
21 |                 else{
22 |                 console.log(arr[i]);
23 |               } 
24 |             }
25 |         }
26 |        
27 |      
28 |     </script>
29 | </body>
30 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/rest parameter.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let a = (a,b,...restar) => {
11 |             console.log("a : "+a)
12 |             console.log("b : "+b)
13 |             console.log("rest : "+restar[1]);
14 |         }
15 |         a(12,54,23,67,23,78);
16 |         let b=(a,...restar) => 
17 |         {
18 |             
19 |             restar.forEach((item)=> {
20 |                 
21 |                 item*2;
22 | 
23 |         });
24 |         }
25 |         console.log(b(12,54,23,67,23,78));
26 |     </script>
27 | </body>
28 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/return double strinng.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let str="nidhasalih";
11 |         let ptrn="";
12 |         // function doubleChhar(str){
13 |         for(let i=0;i<str.length;i++)
14 |         {
15 |             ptrn+=str[i]+str[i];
16 |         }
17 | 
18 |         console.log(ptrn);
19 |     // }
20 |     // doubleChhar("nidhasalih")
21 |     </script>
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/return repeate string.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         
11 |         function doubleChar(str)
12 |         {
13 |             let s="";
14 |             for(let i in str)
15 |             {  
16 |                 s+=str[i].concat(str[i]);
17 |                 
18 |             }
19 |             return s;
20 |         }
21 |         console.log(doubleChar('helo'));
22 |     </script>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/reverse string.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let str="hello";
11 |         let rev="";
12 |         let len=str.length;
13 |         for(let i=len-1;i>=0;i--)
14 |         {
15 |             rev+=str[i];
16 |         }
17 |         console.log(str+" reverse = "+rev);
18 |     </script>
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/sample.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |    <script>
10 |     let s=" hey everyone its javascript";
11 |     console.log(s.length);
12 |     console.log(s[5]);
13 |     console.log(s.slice(4,9));
14 |     console.log(s.slice(-15,-7));
15 |     console.log(s.toUpperCase());
16 |     console.log(s.substring(4,17));
17 |     console.log(s.substr(4,17));
18 |     console.log(s.trim());
19 |     console.log(s.repeat(4));
20 |     console.log(s.search('java'));
21 |     console.log(s.search(/java/));
22 |     var myarray = s.match(/java/gi);
23 |     console.log(myarray);
24 |     console.log(s.includes('yone'));
25 |     console.log(s.includes('java',12));
26 |     console.log(s.startsWith('h'));
27 |     
28 |    </script>
29 |     
30 | </body>
31 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/scope in.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         n=2;
11 |         if(n==2)
12 |          s=n;
13 |     console.log(s);
14 |     </script>
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/scope.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var a=10;
11 |         function hello()
12 |         {
13 |           b=20;
14 | 
15 |             console.log(a);
16 |         }
17 |         hello();
18 |         console.log(b);
19 |     </script>
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/script1.js:
--------------------------------------------------------------------------------
 1 | // script1.js
 2 | const sumarray = (arr) => {
 3 |     let b = arr.reduce((acc, item) => acc + item, 0);
 4 |     console.log(b);
 5 | };
 6 | export{
 7 |     sumarray,
 8 | 
 9 | };
10 | const sumNum=(a,b)=>console.log(a+b);
11 | export default sumNum;


--------------------------------------------------------------------------------
/modules/Salih/JS/script2.js:
--------------------------------------------------------------------------------
 1 | // script2.js
 2 | // import  { sumarray } from './script1.js';
 3 | // import mysil, { sumarray } from './script1.js'
 4 | import * as lib from './script1.js';
 5 | import { sumarray as arraysum } from './script3.js';
 6 | // lib.sumarray([1, 2, 3, 4]);
 7 | lib.arraysum(3,4);
 8 | // lib.default(1,2);
 9 | console.log(lib);
10 | 


--------------------------------------------------------------------------------
/modules/Salih/JS/script3.js:
--------------------------------------------------------------------------------
1 | 
2 | export const sumarray = (...spred) => {
3 |     let b = spred[0]+spred[1];
4 |     console.log(b);
5 | };


--------------------------------------------------------------------------------
/modules/Salih/JS/search insert position.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var searchInsert = function(nums, target) {
11 |     let n=nums.indexOf(target)
12 |     if(n!=-1)
13 |     {
14 |     return n;
15 |     }
16 |     else{
17 |     for(let i=0;i<nums.length;i++){
18 |         
19 |         if(target>nums[i])
20 |         {
21 |             console.log(i)
22 |         n=i+1;
23 |         }
24 |         
25 |     }
26 |     }
27 | 
28 |     return n;
29 |     
30 | };
31 | console.log(searchInsert([1,3,5,6],2));
32 |     </script>
33 | </body>
34 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/selfivok.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         (function()
11 |     {
12 |         console.log("hii");
13 |     })();
14 |     </script>
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/setIntervel.js:
--------------------------------------------------------------------------------
 1 | // setInterval(function, milliseconds);
 2 | // clearInterval(intervalID);
 3 | 
 4 | let interval =setInterval(()=>{
 5 |     console.log(`hii`)
 6 | },1000)
 7 | 
 8 | setTimeout(()=>{
 9 |     clearInterval(interval)
10 | },10000)


--------------------------------------------------------------------------------
/modules/Salih/JS/shiftoperator.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let x=3;
11 |         console.log(x<<=2);
12 |     </script>
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/sortindecending.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         const arr=[1,8,4,3,5];
11 |         var len=arr.length;
12 |         for(let i=len-1;i>=0;i--)
13 |         {
14 |             for(let j=i-1;j>=0;j--)
15 |             {
16 |             if(arr[i]>arr[j])
17 |             {
18 |                 let t=arr[i];
19 |                 arr[i]=arr[j];
20 |                 arr[j]=t;
21 |             }
22 |             }
23 |         }
24 |         console.log("array in decending order : "+arr);
25 |     </script>
26 | </body>
27 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/starpattern.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let ptrn="";
11 |         for(let i=1;i<=5;i++)
12 |         {
13 |             for(let j=1;j<=5;j++)
14 |             {
15 |                 if(j>=6-i)
16 |                 ptrn+="*";
17 |                 else
18 |                 ptrn+=" ";
19 |             }
20 |             ptrn+="\n";
21 |         }
22 |         console.log(ptrn);
23 |        
24 |     </script>
25 | </body>
26 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/string.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let truth=" nidha belongs to me ";
11 |         
12 |         let truth1="!always mine";
13 |         console.log(truth);
14 |         console.log(truth.charAt(7));
15 |         console.log(truth.charCodeAt(7));
16 |         console.log(truth.at(11));
17 |         console.log(truth.slice(1,13));
18 |         console.log(truth.slice(-12,-3));
19 |         console.log(truth.substring(7,14));
20 |         console.log(truth.concat(truth1));
21 |         console.log(truth.substr(3,9));
22 |         console.log(truth.toUpperCase());
23 |         console.log(truth.toLowerCase());
24 |         console.log(truth.trim());
25 |         let tr='hh';
26 |         let paddedTruth = tr.padStart(5, '0');
27 |         console.log(paddedTruth);
28 |         console.log(truth.padEnd(4,"0"));
29 |         console.log(truth.repeat(3));
30 |         truth=truth.replace('belongs to me','always mine');
31 |         console.log(typeof truth);
32 |         console.log(typeof  truth.replace('belongs to me','always mine'));
33 |         console.log(typeof truth.split(","));
34 |          console.log(truth.replace('belongs to me','always mine'));
35 |          console.log(truth.split(","));
36 |          console.log(typeof truth.split(","));
37 |          console.log(truth);
38 |          console.log(truth.indexOf('to'));
39 |          console.log(truth.lastIndexOf('n'));
40 |          console.log(truth.search('belon'));
41 |          let str=truth.match('nidha');
42 |          console.log(str);
43 |          console.log(typeof str);
44 |          let str1=truth.matchAll('n');
45 |          console.log(str1);
46 |          console.log(typeof str1);
47 |          console.log(truth.startsWith(' '));
48 |          console.log(truth.endsWith('me'));
49 |          let price=10;
50 |          let s=`hey how is
51 |          that
52 |          u suffering a lot
53 |          dontt worry it will be
54 |          fine bruh;'' i suffered almost
55 |          ${price} years`;
56 |          console.log(s);
57 |          
58 |         let s1=truth.split(" ");
59 |         console.log(s1);
60 |         console.log(s1[1]);
61 |         let sal=null;
62 |         console.log(typeof sal );
63 |         console.log(truth.substring(-5));
64 |         console.log(truth.split(" "));
65 |         console.log(truth.substr(3));
66 |         let n=null;
67 |         console.log(typeof n);
68 |         
69 |     </script>
70 |    
71 | </body>
72 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/style color js.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <h3 class="ki">ekhgeurgewrhvuein fi3hfuhgu
10 |     </h3>
11 |     <script>
12 |         var a=document.getElementsByClassName('ki');
13 |         a.style.color="red";
14 |         console.log(a);
15 |     </script>
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/sum of positive array.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 | 
11 |         function getSum(arr)
12 |         {
13 |             let s=0;
14 |             for(let i in arr)
15 |             {
16 |                 if(arr[i]>=0)
17 |                 s=s+arr[i];
18 |             }
19 |             return s;
20 |         }
21 |         const ar=[9, 0, -5, 15]
22 |         console.log(getSum(ar));
23 |     </script>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/synchronous and asychnrous using settimeout.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function fun(callb){
11 |             setTimeout(()=>{
12 |                 console.log("salih");
13 |                 callb();
14 |             },2000)
15 |         }
16 |      function fun2(){
17 |         console.log("helo");
18 |         console.log("nidha");
19 |         console.log("its me");
20 |      }
21 |      fun(fun2);
22 |     </script>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/this keyword.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         const person1 = {
11 |             name:"salih",
12 |             age:21,
13 |             a:0,
14 |             call:function(a){
15 |                 this.a=a+1;
16 |                 console.log(this.a)
17 |                 console.log(this.name);
18 |             }
19 |         }
20 |         person1.call(10);
21 |         console.log(this);
22 |     </script>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/total price.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function totalPrice(arr)
11 |         {
12 |             const newar=arr.reduce((item,value) => item+value.quantity*value.price,0);
13 |             console.log(newar);
14 |         }
15 |         totalPrice([
16 | { product: "Milk", quantity: 3, price: 10 },
17 | { product: "Biscuit", quantity: 1, price: 20 }
18 | ]) 
19 |     </script>
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/totalPrice.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function totalPrice(arr){
11 |             const newar=arr.reduce((acc,item)=> acc+item.quantity*item.price,0);
12 |             return newar;
13 |         }
14 |         console.log(totalPrice([
15 | { product: "Milk", quantity: 1, price: 10 },
16 | { product: "Eggs", quantity: 12, price: 5 },
17 | { product: "Bread", quantity: 2, price: 20 },
18 | { product: "Cheese", quantity: 1, price: 30 }
19 | ]));
20 |     </script>
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/triangle pattern.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let ptrn="";
11 |         for(let i=1;i<=5;i++)
12 |         {
13 |             for(let j=1;j<=5;j++)
14 |         {
15 |             if(i==j || j==1 || i==5)
16 |             document.write("*");
17 |             else
18 |             document.write("&nbsp;&nbsp;");
19 |             
20 |         }
21 |         document.write("<br>");
22 |         }
23 |         // console.log(ptrn);
24 |     </script>
25 | </body>
26 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/true if tow strings are lengthequal.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function comp(str,str1)
11 |         {
12 |             return str.length==str1.length;
13 |         }
14 |         console.log(comp('hii','hel'));
15 |         let x;
16 |         console.log(typeof x);
17 |         let arr=[1,4,7,9];
18 |         let newar=arr.map(item=>item>5)
19 |         console.log(newar);
20 |     </script>
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/two arguments multiplication.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         function multipilcation(n,len)
11 |         {
12 |             const newar=[];
13 |             for(let i=1;i<=len;i++)
14 |             newar.push(n*i);
15 |         return newar;
16 |         }
17 |         console.log(multipilcation(7,5));
18 |     </script>
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/valid palindrome.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         var isPalindrome = function(s) {
11 |      if(s=="")
12 |         return true;
13 |      let rev="";
14 |      
15 |      const str = s.replace(/[^a-zA-Z0-9]/g, '').toLowerCase();
16 |      console.log(str);
17 |      for(let i=str.length-1;i>=0;i--)
18 |      {
19 |        rev+=str[i].toLowerCase();
20 |      }
21 |      return rev==str;
22 | 
23 | };
24 | console.log(isPalindrome( "A man, a plan, a canal: Panama"));
25 |     </script>
26 | </body>
27 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/word reverse.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         let str="nidha salih";
11 |         len=str.length;
12 |         let ptrn="";
13 |         for(let i=len-1;i>=0;i--)
14 |         ptrn+=str[i];
15 |     console.log(ptrn);
16 |     </script>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/modules/Salih/JS/world pattern.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <script>
10 |         const arr=['W','O','R','L','D'];
11 |         for(let i=0;i<5;i++)
12 |         {
13 |             for(let j=0;j<=i;j++)
14 |             {
15 |                 document.write(arr[j]);
16 |             }
17 |             document.write("<br>");
18 |         }
19 |     </script>
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/modules/Salih/calculator.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 6 |     
 7 |     <title>Calculator</title>
 8 |     <script src="https://cdn.tailwindcss.com"></script>
 9 |     <!-- <script src="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.js"></script> -->
10 | 
11 |     
12 | 
13 | 
14 |     <script>
15 | 
16 | function btnClick(val) {
17 |     
18 |     const screen = document.getElementById("screen");
19 |     const displayValue = screen.value;
20 |     const lastChar = displayValue.charAt(displayValue.length - 1);
21 |     const operators = ['+', '-', '*', '/', '%','.'];
22 | 
23 |     if (operators.includes(lastChar) && operators.includes(val)) {
24 | 
25 |         return;
26 |     }
27 | 
28 |    
29 |     screen.value += val;
30 | }
31 | function btnClear() {
32 |     document.getElementById("screen").value = "";
33 | }
34 | 
35 | function equalClick(){
36 |     var text=document.getElementById("screen").value;
37 |     var result=eval(text)
38 |     document.getElementById("screen").value=result;
39 | }
40 | function btnRemove() {
41 |     var screen = document.getElementById("screen");
42 |     var value = screen.value;
43 |     var newValue = value.slice(0, -1); 
44 |     screen.value = newValue; 
45 | }
46 |    </script>
47 | 
48 | 
49 | </head>
50 | <body class=" flex justify-center items-center min-h-screen  bg-black">
51 |    <div class=" 
52 |    bg-black md:border-2 md:border-white  lg:border-2 lg:border-white">
53 |     <div>
54 | 
55 |         <input id="screen" type="text" placeholder="0" class="m-7 w-80 h-14 text-xl text-white bg-black text-right text-2xl font-bold pr-5 pointer-events-none">
56 |     </div>
57 |     <div class=" flex gap-9 p-5">
58 |         <button class="rounded-full bg-gray-700 text-yellow-500 w-14 h-14 text-center text-2xl font-bold" onclick="btnClear()">AC</button>
59 |         <button class="rounded-full bg-gray-700 text-yellow-500 w-14 h-14  text-center text-2xl font-bold" onclick="btnClick('%')">%</button>
60 |         <button class="rounded-full bg-gray-700 text-yellow-500 w-14 h-14  text-center text-2xl font-bold p-4"onclick="btnRemove()"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 ">
61 |             <path stroke-linecap="round" stroke-linejoin="round" d="M12 9.75 14.25 12m0 0 2.25 2.25M14.25 12l2.25-2.25M14.25 12 12 14.25m-2.58 4.92-6.374-6.375a1.125 1.125 0 0 1 0-1.59L9.42 4.83c.21-.211.497-.33.795-.33H19.5a2.25 2.25 0 0 1 2.25 2.25v10.5a2.25 2.25 0 0 1-2.25 2.25h-9.284c-.298 0-.585-.119-.795-.33Z" />
62 |           </svg>
63 |           </button>
64 |         <button class="rounded-full bg-gray-700 text-yellow-500 w-14 h-14  text-center text-2xl font-bold" onclick="btnClick('/')">&#247;</button>
65 |     </div>
66 |     <div class="flex gap-9 p-5">
67 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14  text-center text-2xl font-bold" onclick="btnClick(7)">7</button>
68 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14 text-center text-2xl  font-bold" onclick="btnClick(8)">8</button>
69 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14  text-center text-2xl font-bold" onclick="btnClick(9)">9</button>
70 |         <button class="rounded-full bg-gray-700 text-yellow-500 w-14 h-14  text-center text-2xl font-bold" onclick="btnClick('*')">*</button>
71 |     </div>
72 |     <div class="flex gap-9 p-5">
73 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14 text-center text-2xl font-bold" onclick="btnClick(4)">4</button>
74 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14 text-center text-2xl font-bold" onclick="btnClick(5)">5</button>
75 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14  text-center text-2xl font-bold" onclick="btnClick(6)">6</button>
76 |         <button class="rounded-full bg-gray-700 text-yellow-500 w-14 h-14  text-center text-2xl font-bold" onclick="btnClick('-')">-</button>
77 |     </div>
78 |     <div class="flex gap-9 p-5">
79 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14  text-center text-2xl  font-bold" onclick="btnClick(1)">1</button>
80 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14  text-center text-2xl font-bold" onclick="btnClick(2)">2</button>
81 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14 text-center text-2xl  font-bold" onclick="btnClick(3)">3</button>
82 |         <button class="rounded-full bg-gray-700 text-yellow-500 w-14 h-14  text-center text-2xl  font-bold" onclick="btnClick('+')">+</button>
83 |     </div>
84 |     <div class="flex gap-9 p-5">
85 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14 font-bold text-center text-2xl" onclick="btnClick('00')">00</button>
86 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14 font-bold text-center text-2xl" onclick="btnClick(0)" >0</button>
87 |         <button class="rounded-full bg-gray-700 text-white w-14 h-14 font-bold text-center text-2xl pb-2" onclick="btnClick('.')" >.</button>
88 |         <button class="rounded-full bg-red-600 text-white w-14 h-14 text-center text-3xl font-bold pb-2" onclick="equalClick('=')">=</button>
89 |     </div>
90 | 
91 |    </div>
92 | 
93 |     
94 | </body>
95 | </html>


--------------------------------------------------------------------------------
/modules/Salih/hovereffect.css:
--------------------------------------------------------------------------------
 1 | .effect{
 2 |     position:relative;
 3 |     height:0;
 4 |     /* width:0; */
 5 |     background-color: rgba(0, 0, 0, 0.123);
 6 |     filter:brightness(50%)
 7 | }
 8 | img:hover{
 9 |     transition: hovereffect;
10 |     animation: hovereffect 3s linear ;
11 | }
12 |  
13 | @keyframes hovereffect{
14 | 0%{filter:brightness(50%)}
15 | 50%{filter:brightness(70%)}
16 | 100%{filter:brightness(90%)}
17 | }


--------------------------------------------------------------------------------
/modules/Salih/hovereffect.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 |     <link rel="stylesheet" href="hovereffect.css">
 8 | </head>
 9 | <body>
10 |     <img class="" src="images/cute.jpg" >
11 |     <!-- <div class="effect">
12 |         
13 |     </div> -->
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/modules/Salih/index.js:
--------------------------------------------------------------------------------
 1 | //curried function
 2 | function curriedadd(a)
 3 | {
 4 |     return function(b){
 5 |         return function(c){
 6 |             return a+b+c
 7 |         }
 8 |     }
 9 | }
10 | const add1=curriedadd(1)
11 | const add1and2=add1(2)
12 | const result=add1and2(3)
13 | console.log(result)
14 | //or
15 | console.log(curriedadd(1)(2)(3))


--------------------------------------------------------------------------------
/modules/Salih/style.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/m-h-d-salih/HTML5-CSS-JS/6a05a495eee6faa14b9f4555db9d019e23e92044/modules/Salih/style.css


--------------------------------------------------------------------------------