├── 1 to 7
├── index.html
├── script.js
└── style.css
├── 10 to 17
├── index.html
├── script.js
└── style.css
├── 111 to 114 p1
├── index.html
├── script.js
└── style.css
├── 111 to 114 p2
├── index.html
├── script.js
└── style.css
├── 115 to 122
├── index.html
├── script.js
└── style.css
├── 123 to 133
├── index.html
├── script.js
└── style.css
├── 18 to 22
├── index.html
├── script.js
└── style.css
├── 23 to 26
├── index.html
├── script.js
└── style.css
├── 27 to 30
├── index.html
├── script.js
└── style.css
├── 31 to 32
├── index.html
├── script.js
└── style.css
├── 33 to 37
├── index.html
├── script.js
└── style.css
├── 38 to 39
├── index.html
├── script.js
└── style.css
├── 40 to 47
├── index.html
├── script.js
└── style.css
├── 48 to 53
├── index.html
├── script.js
└── style.css
├── 54 to 56
├── index.html
├── script.js
└── style.css
├── 57 to 63
├── index.html
├── script.js
└── style.css
├── 64 to 70
├── index.html
├── script.js
└── style.css
├── 71 to 78
├── index.html
├── script.js
└── style.css
├── 79 to 85
├── index.html
├── script.js
└── style.css
├── 86 to 93 Part1
├── index.html
├── script.js
└── style.css
├── 86 to 93 part2
├── index.html
├── script.js
└── style.css
├── 94 to 101
├── index.html
├── script.js
└── style.css
└── c to c
├── index.html
├── script.js
└── style.css
/1 to 7/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 1 to 7
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/1 to 7/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | // Assign 2
11 | document.write("Elzero
");
12 | document.querySelector("h1").style.color = 'blue';
13 | document.querySelector("h1").style.fontSize = '80px';
14 | document.querySelector("h1").style.fontWeight = 'bold';
15 | document.querySelector("h1").style.textAlign = 'center';
16 | document.querySelector("h1").style.fontFamily = 'arial';
17 |
18 | // Assign 3
19 | console.log("%cElzero %cWeb %cSchool", "color: red; font-size: 40px", "color: green; font-size: 40px; font-weight: bold;", "color: white; font-size: 40px; background-color: blue");
20 |
21 | // Assign 4
22 | console.group("Group 1");
23 | console.log("Message One");
24 | console.log("Message Two");
25 | console.group("Child Group");
26 | console.log("Message One");
27 | console.log("Message Two");
28 | console.group("Grand Child Group");
29 | console.log("Message One");
30 | console.log("Message Two");
31 | console.groupEnd();
32 | console.groupEnd();
33 | console.groupEnd();
34 | console.group("Group 2");
35 | console.log("Message One");
36 | console.log("Message Two");
37 | console.groupEnd();
38 |
39 |
40 | // Assign 5
41 |
42 | console.table(["Elzero", "Mostafa", "Alaa", "Ahmed", "Selim"]);
43 |
44 | // Assign 6
45 | // console.log("Iam In Console");
46 | // document.write("Iam In Page");
47 | /* console.log("Iam In Console");
48 | document.write("Iam In Page"); */
--------------------------------------------------------------------------------
/1 to 7/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/10 to 17/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 10 to 17
7 |
8 |
9 |
10 |
11 |
20 | elzero
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/10 to 17/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let numberOne = 10;
11 | let numberTwo = 20;
12 |
13 | console.log(numberOne + "" + numberTwo);
14 | console.log(typeof( numberOne + "" + numberTwo ));
15 |
16 | console.log(`${numberOne}${numberTwo}`);
17 | console.log(typeof( `${numberOne}${numberTwo}`));
18 |
19 | console.log(numberTwo +
20 | "\n" + "" + numberOne);
21 |
22 | console.log(`${numberTwo}
23 | ${numberOne}`);
24 |
25 | console.log(elzero.innerHTML); // object
26 | console.log(typeof elzero); // object
27 |
28 | console.log(`\`I'm In \n
29 | \\\\ \n
30 | Love \\\\ \"\"\" \'\'\' \n
31 | \+\+ With \+\+ \n
32 | \\\"\"\"\\\"\"\" \n
33 | \"\"JavaScript\"\"\``);
34 |
35 | let a = 21;
36 | let b = 20;
37 |
38 | console.log(`_${a}_${b}${a}_${b}${a}_${b}${a}_${b}`);
39 |
40 | console.log("_" + a + "_" + b + "" + a + "_" + b + "" + a + "_" + b + "" + a + "_" + b);
41 |
42 |
--------------------------------------------------------------------------------
/10 to 17/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/111 to 114 p1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 111 to 114 p1
7 |
8 |
9 |
10 |
11 |
20 |
21 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/111 to 114 p1/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let one = document.querySelector("#one");
11 | let two = document.querySelector("#two");
12 | let three = document.querySelector("#three");
13 | let select = document.querySelector("#select");
14 |
15 | one.oninput = function(){
16 | window.sessionStorage.setItem("text-1", one.value);
17 | }
18 | two.oninput = function(){
19 | window.sessionStorage.setItem("text-2", two.value);
20 | }
21 | three.oninput = function(){
22 | window.sessionStorage.setItem("text-3", three.value);
23 | }
24 | select.onchange = function(){
25 | window.sessionStorage.setItem("select", select.value);
26 | }
27 |
28 | one.value = window.sessionStorage.getItem("text-1");
29 | two.value = window.sessionStorage.getItem("text-2");
30 | three.value = window.sessionStorage.getItem("text-3");
31 | select.value = window.sessionStorage.getItem("select");
--------------------------------------------------------------------------------
/111 to 114 p1/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/111 to 114 p2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 111 to 114 p2
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
28 |
29 |
30 |
31 |
32 |
40 |
41 |
42 |
43 |
44 |
54 |
55 |
56 |
57 |
58 |
--------------------------------------------------------------------------------
/111 to 114 p2/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let font = document.querySelector("#font");
11 | let color = document.querySelector("#color");
12 | let size = document.querySelector("#size");
13 |
14 | font.onchange = function(){
15 | window.localStorage.setItem("font", font.value);
16 | document.body.style.fontFamily = font.value;
17 | }
18 | color.onchange = function(){
19 | window.localStorage.setItem("color", color.value);
20 | document.body.style.color = color.value;
21 | }
22 | size.onchange = function(){
23 | window.localStorage.setItem("size", size.value);
24 | document.body.style.fontSize = size.value;
25 | }
26 |
27 | document.body.style.fontFamily = window.localStorage.getItem("font");
28 | document.body.style.color = window.localStorage.getItem("color");
29 | document.body.style.fontSize = window.localStorage.getItem("size");
30 |
31 | font.value = window.localStorage.getItem("font");
32 | color.value = window.localStorage.getItem("color");
33 | size.value = window.localStorage.getItem("size");
--------------------------------------------------------------------------------
/111 to 114 p2/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
11 |
12 | @import url('https://fonts.googleapis.com/css2?family=Cairo&family=Open+Sans&family=Roboto&display=swap');
13 | body{
14 | display: flex;
15 | align-items: center;
16 | justify-content: center;
17 | flex-direction: column;
18 | width: 100%;
19 | height: 100vh;
20 | margin: 0;
21 | }
22 | body div{
23 | margin: 20px 0;
24 | }
25 | select{
26 | padding: 10px 7px;
27 | border-radius: 4px;
28 | margin-left: 10px;
29 | }
--------------------------------------------------------------------------------
/115 to 122/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 115 to 122
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/115 to 122/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 | "====================================================="
10 |
11 |
12 | // let myNumbers = [1, 2, 3, 4, 5];
13 |
14 | // let [a, , , , e] = myNumbers;
15 |
16 | // // Write Your Destructuring Assignment Here
17 |
18 | // console.log(a * e); // 5
19 |
20 | "====================================================="
21 |
22 | // let mySkills = ["HTML", "CSS", "JavaScript", ["PHP", "Python", ["Django", "Laravel"]]];
23 |
24 | // Write Your Destructuring Assignment Here
25 |
26 | // let [a, b, c, [d, e, [f, g]]] = mySkills;
27 |
28 | // console.log(`My Skills: ${a}, ${b}, ${c}, ${d}, ${e}, ${f}, ${g}`);
29 |
30 | // My Skills: HTML, CSS, JavaScript, PHP, Python, Django, Laravel
31 |
32 | "====================================================="
33 |
34 | // let arr1 = ["Ahmed", "Sameh", "Sayed"];
35 | // let arr2 = ["Mohamed", "Gamal", "Amir"];
36 | // let arr3 = ["Haytham", "Shady", "Mahmoud"];
37 |
38 | // // Play With Arrays To Prepare For Destructuring
39 | // // Write Your Destructuring Assignment Here
40 |
41 | // let[, a, b, c] = arr3.concat(arr1);
42 |
43 | // console.log(`My Best Friends: ${a}, ${b}, ${c}`);
44 |
45 | // // My Best Friends: Shady, Mahmoud, Ahmed
46 |
47 | "====================================================="
48 |
49 | // const member = {
50 | // age: 30,
51 | // working: false,
52 | // country: "Egypt",
53 | // hobbies: ["Reading", "Swimming", "Programming"],
54 | // };
55 |
56 | // // Write Your Destructuring Assignment Here
57 |
58 | // const {age: a, working: w, country: c, hobbies: [h1, , h3]} = member;
59 |
60 | // console.log(`My Age Is ${a} And Iam ${w ? "" : "Not"} Working`);
61 | // // My Age Is 30 And Iam Not Working
62 |
63 | // console.log(`I Live in ${c}`);
64 | // // I Live in Egypt
65 |
66 | // console.log(`My Hobbies: ${h1} And ${h3}`);
67 | // // My Hobbies: Reading And Programming
68 |
69 | "====================================================="
70 |
71 | // const game = {
72 | // title: "YS",
73 | // developer: "Falcom",
74 | // releases: {
75 | // "Oath In Felghana": ["USA", "Japan"],
76 | // "Ark Of Napishtim": {
77 | // US: "20 USD",
78 | // JAP: "10 USD",
79 | // },
80 | // Origin: "30 USD",
81 | // },
82 | // };
83 |
84 | // // Write Your Destructuring Assignment/s Here
85 |
86 | // const {title: t, developer: d, releases} = game;
87 | // const [o, a] = Object.keys(releases);
88 | // const [[u, j], {US: u_price, JAP: j_price}, or] = Object.values(releases);
89 |
90 | // console.log(`My Favourite Games Style Is ${t} Style`);
91 | // // My Favourite Games Style Is YS Style
92 |
93 | // console.log(`And I Love ${d} Games`);
94 | // // And I Love Falcom Games
95 |
96 | // console.log(`My Best Release Is ${o} It Released in ${u} & ${j}`);
97 | // // My Best Release Is Oath In Felghana It Released in USA & Japan
98 |
99 | // console.log(`Although I Love ${a}`);
100 | // // Although I Love Ark Of Napishtim
101 |
102 | // console.log(`${a} Price in USA Is ${u_price}`);
103 | // // Ark Of Napishtim Price in USA Is 20 USD
104 |
105 | // console.log(`${a} Price in Japan Is ${j_price}`);
106 | // // Ark Of Napishtim Price in Japan Is 10 USD
107 |
108 | // console.log(`Origin Price Is ${or}`);
109 | // // Origin Price Is 30 USD
110 |
111 | "====================================================="
112 |
113 | // let chosen = 1;
114 |
115 | // const myFriends = [
116 | // { title: 'Osama', age: 39, available: true, skills: ['HTML', 'CSS'] },
117 | // { title: 'Ahmed', age: 25, available: false, skills: ['Python', 'Django'] },
118 | // { title: 'Sayed', age: 33, available: true, skills: ['PHP', 'Laravel'] },
119 | // ];
120 |
121 | // const [f1, f2, f3] = myFriends;
122 |
123 | // let friendDetails = function(friendObj){
124 | // const {title: t, age: a, available: av, skills:[, s2]} = friendObj;
125 |
126 | // console.log(t);
127 | // console.log(a);
128 | // console.log(av ? "available" : "Not Available");
129 | // console.log(s2);
130 | // }
131 |
132 | // if(chosen === 1) friendDetails(f1);
133 | // if(chosen === 2) friendDetails(f2);
134 | // if(chosen === 3) friendDetails(f3);
135 |
136 | // // If chosen === 1
137 |
138 | // "Osama"
139 | // 39
140 | // "Available"
141 | // "CSS"
142 |
143 | // // If chosen === 2
144 |
145 | // "Ahmed"
146 | // 25
147 | // "Not Available"
148 | // "Django"
149 |
150 | // // If chosen === 3
151 |
152 | // "Sayed"
153 | // 33
154 | // "Available"
155 | // "Laravel"
--------------------------------------------------------------------------------
/115 to 122/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/123 to 133/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 123 to 133
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/123 to 133/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 | "==================================================================="
10 |
11 |
12 | // Assignment-1
13 |
14 | let setOfNumbers = new Set();
15 |
16 | setOfNumbers.add(10);
17 | setOfNumbers.add(20).add(setOfNumbers.size);
18 |
19 | console.log(setOfNumbers);
20 | console.log(Array.from(setOfNumbers)[2]);
21 |
22 | console.log("=".repeat(40));
23 | "==================================================================="
24 |
25 | // Assignment-2
26 |
27 | let myFriends = ["Osama", "Ahmed", "Sayed", "Sayed", "Mahmoud", "Osama"];
28 |
29 | let newFriends = new Set(myFriends.sort());
30 |
31 | console.log(newFriends);
32 |
33 | // Needed Output
34 | // (4) ['Ahmed', 'Mahmoud', 'Osama', 'Sayed']
35 |
36 | console.log("=".repeat(40));
37 | "==================================================================="
38 |
39 | // Assignment-3
40 |
41 | let myInfo = {
42 | username: "Osama",
43 | role: "Admin",
44 | country: "Egypt",
45 | };
46 |
47 | let newMap = new Map(Object.entries(myInfo));
48 |
49 | console.log(newMap);
50 | console.log(newMap.size);
51 | console.log(newMap.has("role"));
52 |
53 | // Needed Output
54 | // Map(3) {'username' => 'Osama', 'role' => 'Admin', 'country' => 'Egypt'}
55 | // 3
56 | // true
57 |
58 | console.log("=".repeat(40));
59 | "==================================================================="
60 |
61 | // Assignment-4
62 |
63 | let theNumber = 100020003000;
64 |
65 | console.log(+[...new Set(theNumber.toString())].sort().slice(true).join(""));
66 |
67 | // Needed Output
68 | // 123
69 |
70 | console.log("=".repeat(40));
71 | "==================================================================="
72 |
73 | // Assignment-5
74 |
75 | let theName = "Elzero";
76 |
77 | // Needed Output
78 | // ['E', 'l', 'z', 'e', 'r', 'o']
79 |
80 | console.log([...theName]);
81 | console.log(theName.split(""));
82 | console.log(Array.from(theName));
83 | console.log(Object.assign([], theName));
84 | console.log([...new Set(theName)]);
85 |
86 | console.log("=".repeat(40));
87 | "==================================================================="
88 |
89 | // Assignment-6
90 |
91 | // let chars = ["A", "B", "C", "D", "E", 10, 15, 6];
92 |
93 | // chars.sort();
94 | // chars.copyWithin(0, 3, 6);
95 |
96 | // console.log(chars);
97 |
98 | // // Needed Output
99 | // // ['A', 'B', 'C', 'A', 'B', 'C', 'D', 'E']
100 |
101 | // let chars = ["A", "B", "C", 20, "D", "E", 10, 15, 6];
102 |
103 | // chars.sort();
104 | // chars.copyWithin(0, 4, 8);
105 |
106 | // console.log(chars);
107 |
108 | // // Needed Output
109 | // // ['A', 'B', 'C', 'D', 'A', 'B', 'C', 'D', 'E']
110 |
111 | let chars = ["Z", "Y", "A", "D", "E", 10, 1];
112 |
113 | chars.copyWithin(2);
114 |
115 | console.log(chars);
116 |
117 | // Needed Output
118 | // ["Z", "Y", "Z", "Y", "A", "D", "E"]
119 |
120 | console.log("=".repeat(40));
121 | "==================================================================="
122 |
123 | // Assignment-7
124 |
125 | let numsOne = [1, 2, 3];
126 | let numsTwo = [4, 5, 6];
127 |
128 | console.log([...numsOne, ...numsTwo]);
129 | console.log(numsOne.concat(numsTwo));
130 |
131 | numsOne.push(...numsTwo);
132 |
133 | console.log(numsOne);
134 |
135 | // Needed Output
136 | // [1, 2, 3, 4, 5, 6]
137 |
138 | console.log("=".repeat(40));
139 | "==================================================================="
140 |
141 | // Assignment-8
142 |
143 | let n1 = [10, 30, 10, 20];
144 | let n2 = [30, 20, 10];
145 |
146 | console.log(Number(Math.max(...n1)) * [...n1, ...n2].length);
147 |
148 | // Needed Output
149 | // 210
150 |
151 |
--------------------------------------------------------------------------------
/123 to 133/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/18 to 22/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 18 to 22
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/18 to 22/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | console.log(10 * 20 * 15 % 3 * 190 * 10 * 400);
11 |
12 | let num = 3;
13 |
14 | // Solution One
15 | console.log(num + num); // 6
16 |
17 | // Solution Two
18 | console.log(num * --num); // 6
19 |
20 | // Soultion Three
21 | console.log(num * ++num); // 6
22 |
23 | // Soultion Four
24 | console.log(num ** num / num - num); // 6
25 |
26 | // Solution Five
27 | console.log(++num * --num / --num); // 6
28 |
29 | // Solution Six
30 | console.log(num ** num ** num / num - num); // 6
31 |
32 |
33 | let num1 = "10";
34 |
35 | // Solution One
36 | console.log(+num1 + +num1); // 20
37 |
38 | // Solution Two
39 | console.log(+num1 + --num1 + --num1 - --num1 ); // 20
40 |
41 | // Solution Three
42 | console.log(--num1 * --num1 - + +num1 - +num1); // 20
43 |
44 | // Solution Four
45 | console.log(num1 * num1 - num1); // 20
46 |
47 |
48 | let points = 10;
49 |
50 | // Write Your Code Here
51 |
52 | points += 3;
53 |
54 | console.log(points); // 13
55 |
56 | // Write Your Code Here
57 |
58 | points -= 5;
59 |
60 | console.log(points); // 8;
--------------------------------------------------------------------------------
/18 to 22/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/23 to 26/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 23 to 26
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/23 to 26/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | // Examples
11 | console.log(100_000); // 100000
12 | console.log(100000); // 100000
13 | console.log(5e4 + 5e4); // 100000
14 |
15 | // Your Solutions
16 | console.log(Math.round(100000.4)); // 100000
17 | console.log(Math.trunc(100000.99)); // 100000
18 | console.log(Math.ceil(99999.2)); // 100000
19 | console.log(Math.floor(100000.99)); // 100000
20 | console.log(Math.pow(10, 5)); // 100000
21 | console.log(Number(100000.4.toFixed(0))); // 100000
22 | console.log(10 ** 5); // 100000
23 | console.log(parseInt("100000.500 Mostafa")); // 100000
24 | console.log(Math.round(parseFloat("100000.400 Mostafa"))); // 100000
25 | console.log(Math.max(99999, 8000, 100000, 50000)); // 100000
26 |
27 | console.log(Number.MIN_SAFE_INTEGER * -1);
28 | console.log(`${Number.MAX_SAFE_INTEGER}`.length);
29 |
30 |
31 | let myVar = "100.56789 Views";
32 |
33 | console.log(parseInt(myVar)); // 100
34 | console.log(Number(parseFloat(myVar).toFixed(2))) ; // 100.57
35 |
36 |
37 | let num = 10;
38 |
39 | console.log(+Number.isInteger(num) + +Number.isInteger(num)); // 2
40 |
41 |
42 | let flt = 10.4;
43 |
44 | console.log(Math.round(flt)); // 10
45 | console.log(Math.floor(flt)); // 10
46 | console.log(Math.trunc(flt)); // 10
47 | console.log(parseInt(flt)); // 10
48 | console.log(flt.toFixed(0)); // 10
49 |
50 |
51 | console.log((Math.random() * 4) + 0); // 0 || 1 || 2 || 3 || 4
--------------------------------------------------------------------------------
/23 to 26/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/27 to 30/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 27 to 30
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/27 to 30/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let userName = "Elzero";
11 | console.log(userName[0].toLowerCase()); // e
12 | console.log(userName.charAt(0).toLowerCase()); // e
13 | console.log(userName.slice(0, 1).toLowerCase()); // e
14 | console.log(userName.substring(0, 1).toLowerCase()); // e
15 | console.log(userName.substr(0, 1).toLowerCase()); // e
16 | console.log(userName.slice(-6, -5).toLowerCase().repeat(3)); // eee
17 |
18 | let word = "Elzero";
19 | let letterZ = "z";
20 | let letterE = "e";
21 | let letterO = "O";
22 |
23 | console.log(word.includes(letterZ)); // True
24 | console.log(word.startsWith(letterE.toUpperCase())); // True
25 | console.log(word.endsWith(letterO.toLowerCase())); // True
--------------------------------------------------------------------------------
/27 to 30/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/31 to 32/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 31 to 32
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/31 to 32/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | console.log(100 == "100"); // true
11 | console.log(100 < 1000); // true
12 | console.log(110 > 100 > 10 < 20); // true
13 | console.log(-10 == "-10"); // true
14 | console.log(!(-50 >= +"-40")); // true
15 | console.log(typeof 10 == typeof -"-40"); // true
16 | console.log(!("10" === 10)); // true
17 | console.log(20 >= false); // true
18 |
19 | console.log("======================================");
20 |
21 | let num1 = 10;
22 | let num2 = 20;
23 |
24 | console.log(num1 != num2); // true
25 | console.log(num1 < num2); // true
26 | console.log(num2 > num1); // true
27 | console.log(typeof num1 == typeof num2); // true
28 | console.log(!(num1 === num2)); // true
29 | console.log(num2 >= num1); // true
30 |
31 | console.log("======================================");
32 |
33 |
34 | let a = 20;
35 | let b = 30;
36 | let c = 10;
37 |
38 | console.log(a != b && a == c || a < b); // true
39 | console.log(a != b > a > c); // true
40 | console.log(!(a == b) && !(a > b) && !(a < c) && !(a == c)); // true
--------------------------------------------------------------------------------
/31 to 32/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/33 to 37/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 33 to 37
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/33 to 37/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let num = 110;
11 |
12 | if (num < 10){
13 | console.log(`${"00"}${num}`);
14 | } else if(num > 10 && num < 100){
15 | console.log(`${0}${num}`)
16 | } else{
17 | console.log(num);
18 | }
19 |
20 | console.log("=====================================");
21 |
22 | let num10 = 9;
23 | let str = "9";
24 | let str2 = "20";
25 |
26 | if (num10 == str){
27 | console.log("{num1} Is The Same Value As {str}");
28 | }
29 | if (num10 !== str){
30 | console.log("{num1} Is The Same Value As {str} But Not The Same Type");
31 | }
32 | if (num10 !== str2){
33 | console.log("{num1} Is Not The Same Value Or The Same Type As {str2}");
34 | }
35 | if (str != str2){
36 | console.log("{str} Is The Same Type As {str2} But Not The Same Value");
37 | }
38 |
39 | console.log("=====================================");
40 |
41 | let num7 = 10;
42 | let num8 = 30;
43 | let num9 = "30";
44 |
45 | if ((num9 > num7 && num9 !== num8) && (num9 > num7 && num9 == num8 && num9 !== num8) && (num9 !== num7 && num9 !== num8)){
46 | console.log("30 Is Larger Than 10 And Type string Not The Same Type As number" +
47 | "\n" + "30 Is Larger Than 10 And Value Is The Same As 30 And Type string Not The Same Type As number" +
48 | "\n" +"{num3} Value And Type Is Not The Same As {num1} And Type Is Not The Same As {num2}")
49 | }
50 |
51 | console.log("=====================================");
52 |
53 |
54 | // Edit What You Want Here
55 |
56 | let num1 = 10;
57 | let num2 = 5;
58 | let num3 = 10;
59 | let num4 = 36;
60 |
61 | /*
62 | Do Not Edit Below This Line
63 | Needed Output
64 | True 7 Times
65 | */
66 |
67 | // Condition 1
68 |
69 | if (num1 > num2) {
70 | console.log("True");
71 | } else {
72 | console.log("False");
73 | }
74 |
75 | // Condition 2
76 |
77 | if (num1 > num2 && num1 < num4) {
78 | console.log("True");
79 | } else {
80 | console.log("False");
81 | }
82 |
83 | // Condition 3
84 |
85 | if (num1 > num2 && num1 === num3) {
86 | console.log("True");
87 | } else {
88 | console.log("False");
89 | }
90 |
91 | // Condition 4
92 |
93 | if ((num1 + num2) < num4) {
94 | console.log("True");
95 | } else {
96 | console.log("False");
97 | }
98 |
99 | // Condition 5
100 |
101 | if ((num1 + num3) < num4) {
102 | console.log("True");
103 | } else {
104 | console.log("False");
105 | }
106 |
107 | // Condition 6
108 |
109 | if ((num1 + num2 + num3) < num4) {
110 | console.log("True");
111 | } else {
112 | console.log("False");
113 | }
114 |
115 | // Condition 7
116 |
117 | if (num4 - (num1 + num3) + num2 === 21) {
118 | console.log("True");
119 | } else {
120 | console.log("False");
121 | }
122 |
--------------------------------------------------------------------------------
/33 to 37/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/38 to 39/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 38 to 39
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/38 to 39/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let day = " friday ";
11 | day = day.trim();
12 | day = day.charAt(0).toUpperCase() + day.slice(1)
13 |
14 | // You Need To Remove Spaces And Make First Letter Capital => Friday
15 |
16 | switch (day){
17 | case "Friday" :
18 | case "Saturday" :
19 | case "Sunday" :
20 | console.log("No Appointments Available");
21 | break;
22 | case "Monday" :
23 | case "Thursday" :
24 | console.log("From 10:00 AM To 5:00 PM");
25 | break;
26 | case "Teusday" :
27 | console.log("From 10:00 AM To 6:00 PM");
28 | break;
29 | case "Wednesday" :
30 | console.log("From 10:00 AM To 7:00 PM");
31 | break;
32 | default :
33 | console.log("Its Not A Valid Day");
34 | }
35 |
--------------------------------------------------------------------------------
/38 to 39/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/40 to 47/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 40 to 47
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/40 to 47/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let myFriends = ["Ahmed", "Elham", "Osama", "Gamal"];
11 | let num = 3;
12 |
13 | // Method 1
14 | myFriends.pop();
15 | console.log(myFriends); // ["Ahmed", "Elham", "Osama"];
16 |
17 | // Method 2
18 | myFriends.length = num
19 | console.log(myFriends); // ["Ahmed", "Elham", "Osama"];
20 |
21 | console.log("==========================");
22 |
23 | let friends = ["Ahmed", "Eman", "Osama", "Gamal"];
24 |
25 | friends.shift();
26 | friends.pop();
27 |
28 | console.log(friends); // ["Eman", "Osama"]
29 |
30 | console.log("==========================");
31 |
32 | let arrOne = ["C", "D", "X"];
33 | let arrTwo = ["A", "B", "Z"];
34 | let finalArr = [];
35 |
36 | // Write One Single Line Of Code
37 |
38 | finalArr = finalArr.concat(arrOne).concat(arrTwo).sort().reverse();
39 | finalArr = arrOne.concat(arrTwo).sort().reverse();
40 |
41 | console.log(finalArr); // ["Z", "X", "D", "C", "B", "A"]
42 |
43 | console.log("==========================");
44 |
45 | let website = "Go";
46 | let words = [`${website}ogle`, "Facebook", ["Elzero", "Web", "School"]];
47 |
48 | console.log(words[website.length][website.length - website.length].slice(website.length).toUpperCase()); // ZERO
49 |
50 | console.log("==========================");
51 |
52 | let needle = "JS";
53 | let haystack = ["PHP", "JS", "Python"];
54 |
55 | // Write 3 Solutions
56 |
57 | if(haystack.includes(needle)){
58 | console.log("Found");
59 | }
60 | if(needle === haystack[1]){
61 | console.log("Found");
62 | }
63 | if(haystack.indexOf(needle)){
64 | console.log("Found");
65 | }
66 |
67 | console.log("==========================");
68 |
69 | let arr1 = ["A", "C", "X"];
70 | let arr2 = ["D", "E", "F", "Y"];
71 | let allArrs = [];
72 |
73 | // Your Code Here
74 | allArrs = arr1.concat(arr2).sort().join("").slice(arr1.indexOf("C") + arr2.indexOf("Y")).toLowerCase();
75 |
76 | console.log(allArrs); // fxy
77 |
--------------------------------------------------------------------------------
/40 to 47/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/48 to 53/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 48 to 53
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/48 to 53/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let start = 10;
11 | let end = 100;
12 | let exclude = 40;
13 |
14 | for(let i = start; i <= end; i += start){
15 | if (i === exclude){
16 | continue;
17 | }
18 | console.log(`${i}`);
19 | }
20 |
21 | console.log("=".repeat(40));
22 |
23 | let startOne = 10;
24 | let endOne = 0;
25 | let stop = 3;
26 |
27 | for (let j = startOne; j > endOne; j--){
28 | if (j < startOne){
29 | console.log(`${endOne}${j}`)
30 | }else {
31 | console.log(`${j}`)
32 | }
33 | if(j === stop){
34 | break;
35 | }
36 | }
37 |
38 | console.log("=".repeat(40));
39 |
40 | let startTwo = 1;
41 | let endTwo = 6;
42 | let breaker = 2;
43 |
44 | for(let k = startTwo; k <= endTwo; k++){
45 | console.log(`${k}`);
46 | for (let l = breaker; l < endTwo; l += breaker){
47 | console.log(`-- ${l}`)
48 | }
49 | }
50 |
51 | console.log("=".repeat(40));
52 |
53 | let index = 10;
54 | let jump = 2;
55 | let endThree = 0;
56 | let m = index;
57 |
58 | for (;;) {
59 | // Write Your Code Here
60 | if(m >= endThree){
61 | console.log(`${m}`);
62 | }
63 | if (m === jump + jump){
64 | break;
65 | }
66 | m -= jump
67 | }
68 |
69 | console.log("=".repeat(40));
70 |
71 | let friends = ["Ahmed", "Sayed", "Eman", "Mahmoud", "Ameer", "Osama", "Sameh"];
72 | let letter = "a";
73 |
74 | number = letter.length;
75 | for (let o = 0; o < friends.length; o++){
76 | if(friends[o].startsWith(letter.toUpperCase())){
77 | continue;
78 | }
79 | console.log(`"${number} => ${friends[o]}"`);
80 | number++
81 | }
82 |
83 | console.log("=".repeat(40));
84 |
85 | let startThree = 0;
86 | let swappedName = "elZerO";
87 | let result = "";
88 |
89 | for(let n = startThree; n < swappedName.length; n++){
90 | if(swappedName[n] === swappedName[n].toLowerCase()){
91 | result += swappedName[n].toUpperCase();
92 | }else if(swappedName[n] === swappedName[n].toUpperCase()){
93 | result += swappedName[n].toLowerCase();
94 | }
95 | }
96 | console.log(result);
97 |
98 | console.log("=".repeat(40));
99 |
100 | let startFour = 0;
101 | let mix = [1, 2, 3, "A", "B", "C", 4];
102 |
103 | for(let v = startFour + mix.indexOf(2); v < mix.length; v++){
104 | if(typeof mix[v] === "string"){
105 | continue;
106 | }
107 | console.log(mix[v]);
108 | }
--------------------------------------------------------------------------------
/48 to 53/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/54 to 56/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 54 to 56
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/54 to 56/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let friends = ["Ahmed", "Sayed", "Ali", 1, 2, "Mahmoud", "Amany"];
11 | let index = 0;
12 | let counter = 0;
13 |
14 | while(index < friends.length){
15 | if(typeof friends[index] === "number" || friends[index].startsWith("A")){
16 | index++;
17 | continue;
18 | }
19 | console.log(`"${++counter} => ${friends[index]}"`);
20 | index++;
21 |
22 | }
23 |
--------------------------------------------------------------------------------
/54 to 56/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/57 to 63/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 57 to 63
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/57 to 63/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | function sayHello(theName, theGender = "") {
11 | // Your Code Here
12 | if(theGender === "Male"){
13 | theGender = "Mr";
14 | }else if(theGender === "Female"){
15 | theGender = "Miss";
16 | }
17 | document.write(`"Hello ${theGender} ${theName}"
`);
18 | }
19 |
20 | // Needed Output
21 | sayHello("Osama", "Male"); // "Hello Mr Osama"
22 | sayHello("Eman", "Female"); // "Hello Miss Eman"
23 | sayHello("Sameh"); // "Hello Sameh"
24 |
25 | console.log("=".repeat(40));
26 |
27 | function calculate(firstNum, secondNum, operation) {
28 | // Your Code Here
29 | if(secondNum === undefined && operation === undefined){
30 | console.log(firstNum);
31 | }else if(operation === undefined){
32 | console.log(firstNum + secondNum);
33 | }else if(operation === "add"){
34 | console.log(firstNum + secondNum);
35 | }else if(operation === "subtract"){
36 | console.log(firstNum - secondNum);
37 | }else if(operation === "multiply"){
38 | console.log(firstNum * secondNum);
39 | }
40 | }
41 |
42 | // Needed Output
43 | calculate(20); // Second Number Not Found
44 | calculate(20, 30); // 50
45 | calculate(20, 30, 'add'); // 50
46 | calculate(20, 30, 'subtract'); // -10
47 | calculate(20, 30, 'multiply'); // 600
48 |
49 | console.log("=".repeat(40));
50 |
51 | function ageInTime(theAge) {
52 | // Your Code Here
53 | if(theAge > 100 || theAge < 10){
54 | console.log("Age Out Of Range");
55 | }else{
56 | console.log(`The Age With years Is ${theAge}`)
57 | console.log(`The Age With Months Is ${theAge * 12}`);
58 | console.log(`The Age With Weeks Is ${theAge * 12 * 4}`);
59 | console.log(`The Age With Days Is ${theAge * 12 * 4 * 7}`);
60 | console.log(`The Age With Hours Is ${theAge * 12 * 4 * 7 * 24}`);
61 | console.log(`The Age With Minutes Is ${theAge * 12 * 4 * 7 * 24 * 60}`);
62 | console.log(`The Age With Seconds Is ${theAge * 12 * 4 * 7 * 24 * 60 * 60}`);
63 | }
64 | }
65 |
66 | // Needed Output
67 | ageInTime(9); // Age Out Of Range
68 | ageInTime(80); // Months Example => 456 Months
69 |
70 | console.log("=".repeat(40));
71 |
72 | function checkStatus(a, b, c) {
73 | // Your Code Here
74 | let name;
75 | let age;
76 | let status;
77 |
78 | typeof a === "string" ? name = a : typeof a === "number" ? age = a : status = a;
79 | typeof b === "string" ? name = b : typeof b === "number" ? age = b : status = b;
80 | typeof c === "string" ? name = c : typeof c === "number" ? age = c : status = c;
81 |
82 | status === true ? status = "You Are Available For Hire" : status = "You Are Not Available For Hire";
83 | document.write(`"Hello ${name}, Your Age Is ${age}, ${status}"
`)
84 | }
85 |
86 | // Needed Output
87 | checkStatus("Osama", 38, true); // "Hello Osama, Your Age Is 38, You Are Available For Hire"
88 | checkStatus(38, "Osama", true); // "Hello Osama, Your Age Is 38, You Are Available For Hire"
89 | checkStatus(true, 38, "Osama"); // "Hello Osama, Your Age Is 38, You Are Available For Hire"
90 | checkStatus(false, "Osama", 38); // "Hello Osama, Your Age Is 38, You Are Not Available For Hire"
91 |
92 |
93 | console.log("=".repeat(40));
94 |
95 | function createSelectBox(startYear, endYear) {
96 | // Your Code Here
97 | document.write(``);
102 |
103 | }
104 | createSelectBox(2000, 2021);
105 |
106 | console.log("=".repeat(40));
107 |
108 |
109 | function multiply(...numbers){
110 | let result = 0;
111 | for(let j = 0; j < numbers.length; j++){
112 | if(typeof numbers[j] === "string"){
113 | continue;
114 | }else{
115 | result = parseInt(numbers[j - 1]) * parseInt(numbers[j]);
116 | }
117 | }
118 | return result;
119 | }
120 |
121 |
122 | console.log(multiply(10, 20)); // 200
123 | console.log(multiply("A", 10, 30)); // 300
124 | console.log(multiply(100.5, 10, "B")); // 1000
--------------------------------------------------------------------------------
/57 to 63/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/64 to 70/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 64 to 70
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/64 to 70/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | function getDetails(zName, zAge, zCountry) {
11 | function namePattern() {
12 | return `${zName.slice(0, zName.indexOf(" "))}${zName.substr(zName.indexOf(" "), 2).toUpperCase()}.,`
13 |
14 | // Write Your Code Here
15 | // Osama Mohamed => Osama M.
16 | // Ahmed ali => Ahmed A.
17 | }
18 | namePattern();
19 |
20 | function ageWithMessage() {
21 | return ` Your Age Is ${parseInt(zAge)},`;
22 | // Write Your Code Here
23 | // 38 Is My Age => Your Age Is 38
24 | // 32 Is The Age => Your Age Is 32
25 | }
26 | ageWithMessage();
27 |
28 | function countryTwoLetters() {
29 | return `You Live In ${zCountry.slice(0, 2).toUpperCase()}`
30 | // Write Your Code Here
31 | // Egypt => You Live In EG
32 | // Syria => You Live In SY
33 | }
34 | countryTwoLetters();
35 |
36 | function fullDetails() {
37 | // Write Your Code Here
38 | return `Hello ${namePattern()} ${ageWithMessage()} ${countryTwoLetters()}`;
39 | }
40 | return fullDetails(); // Do Not Edit This
41 | }
42 |
43 | console.log(getDetails("Osama Mohamed", "38 Is My Age", "Egypt"));
44 | // Hello Osama M., Your Age Is 38, You Live In EG
45 |
46 | console.log(getDetails("Ahmed ali", "32 Is The Age", "Syria"));
47 | // Hello Ahmed A., Your Age Is 32, You Live In SY
48 |
49 | console.log("=".repeat(40));
50 |
51 |
52 | itsMe = () => `Iam A Normal Function`;
53 |
54 | console.log(itsMe()); // Iam A Normal Function
55 |
56 | urlCreate = (protocol, web, tld) => `${protocol}://www.${web}.${tld}`;
57 |
58 | console.log(urlCreate("https", "elzero", "org")); // https://www.elzero.org
59 |
60 | console.log("=".repeat(40));
61 |
62 | checker = (zName) => (status) => (salary) => status === "Available" ? `${zName}, My Salary Is ${salary}` : `Iam Not Avaialble`;
63 |
64 | console.log(checker("Osama")("Available")(4000)); // Osama, My Salary Is 4000
65 | console.log(checker("Ahmed")("Not Available")()); // Iam Not Avaialble
66 |
67 | console.log("=".repeat(40));
68 |
69 | function specialMix(...data) {
70 | // Your Code Here
71 | let result = 0;
72 | for(let i = 0; i < data.length; i++){
73 | if(isNaN(parseInt(data[i])) === false){
74 | result += parseInt(data[i]);
75 | }
76 | }
77 | if(result === 0){
78 | return `All Is Strings`;
79 | }
80 | return result;
81 | }
82 |
83 | console.log(specialMix(10, 20, 30)); // 60
84 | console.log(specialMix("10Test", "Testing", "20Cool")); // 30
85 | console.log(specialMix("Testing", "10Testing", "40Cool")); // 50
86 | console.log(specialMix("Test", "Cool", "Test")); // All Is Strings
--------------------------------------------------------------------------------
/64 to 70/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/71 to 78/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 71 to 78
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/71 to 78/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let mix = [1, 2, 3, "E", 4, "l", "z", "e", "r", 5, "o"];
11 |
12 | let newMix = mix.map(function(ele){
13 | return isNaN(parseInt(ele)) ? ele : "";
14 | }).reduce(function(acc, current){
15 | return acc + current;
16 | });
17 |
18 | console.log(newMix);
19 |
20 | // Elzero
21 |
22 |
23 | console.log("=".repeat(40));
24 |
25 | let myString = "EElllzzzzzzzeroo";
26 |
27 | let newString = myString.split("").filter(function(ele, index){
28 | return myString.indexOf(ele) === index;
29 | }).reduce(function(acc, current){
30 | return acc + current;
31 | });
32 |
33 | console.log(newString);
34 |
35 | // Elzero
36 |
37 | console.log("=".repeat(40));
38 |
39 | let myArray = ["E", "l", "z", ["e", "r"], "o"];
40 |
41 | let newArray = myArray.reduce(function(acc, current){
42 | return acc.concat(current);
43 | }).split("").filter(function(ele){
44 | return ele !== ",";
45 | }).reduce(function(acc, current){
46 | return acc + current;
47 | });
48 |
49 | console.log(newArray);
50 | // Elzero
51 |
52 | console.log("=".repeat(40));
53 |
54 | let numsAndStrings = [1, 10, -10, -20, 5, "A", 3, "B", "C"];
55 |
56 | let newNums = numsAndStrings.filter(function(ele){
57 | return !isNaN(parseInt(ele));
58 | }).map(function(ele){
59 | return -ele;
60 | })
61 |
62 | console.log(newNums);
63 |
64 | // [-1, -10, 10, 20, -5, -3]
65 |
66 | console.log("=".repeat(40));
67 |
68 | let nums = [2, 12, 11, 5, 10, 1, 99];
69 |
70 | let newNum = nums.reduce(function(acc, current){
71 | return current % 2 === 0 ? acc * current : acc + current;
72 | }, 1)
73 |
74 | console.log(newNum);
75 | // 500
--------------------------------------------------------------------------------
/71 to 78/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/79 to 85/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 79 to 85
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/79 to 85/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | // Create Your Object Here
11 |
12 | let member = {
13 | name: "Elzero",
14 | age: 38,
15 | country: "Egypt",
16 | fullDetails: function(){
17 | return `My Name Is ${member.name}, My Age Is ${member.age}, I Live in ${member.country}`;
18 | },
19 | };
20 |
21 | console.log(member.name); // Elzero
22 | console.log(member.age); // 38
23 | console.log(member.country); // Egypt
24 | console.log(member.fullDetails());
25 | // My Name Is Elzero, My Age Is 38, I Live in Egypt
26 |
27 | console.log("=".repeat(40));
28 |
29 | // Method One
30 | // Create Your Object Here
31 |
32 | let objMethodOne = {
33 | property: "Method One",
34 | };
35 |
36 | console.log(objMethodOne.property); // "Method One"
37 |
38 | // Method Two
39 | // Create Your Object Here
40 |
41 | let objMethodTwo = new Object ({
42 | property: "Method Two",
43 | });
44 |
45 | console.log(objMethodTwo.property); // "Method Two"
46 |
47 | // Method Three
48 | // Create Your Object Here
49 |
50 | let objMethodThree = Object.create({});
51 |
52 | objMethodThree.property = "Method Three";
53 |
54 | console.log(objMethodThree.property); // "Method Three"
55 |
56 | // // Method Four
57 | // // Create Your Object Here
58 |
59 | let objMethodFour = Object.assign({}, {property: "Method Four"});
60 |
61 | console.log(objMethodFour.property); // "Method Four"
62 |
63 | console.log("=".repeat(40));
64 |
65 | let a = 1;
66 |
67 | let threeNums = {
68 | b: 2,
69 | c: 3,
70 | d: 4,
71 | };
72 |
73 | let twoNums = {
74 | e: 5,
75 | f: 6,
76 | };
77 |
78 | // Create Your Object Here in One Line
79 |
80 | let finalObject = Object.assign({}, {a}, threeNums, twoNums);
81 |
82 | console.log(finalObject);
83 |
84 | /*
85 | a: 1
86 | b: 2
87 | c: 3
88 | d: 4
89 | e: 5
90 | f: 6
91 | */
92 |
93 | console.log("=".repeat(40));
94 |
95 | // The Object To Work With
96 | let myFavGames = {
97 | "Trinity Universe": {
98 | publisher: "NIS America",
99 | price: 40,
100 | },
101 | "Titan Quest": {
102 | publisher: "THQ",
103 | bestThree: {
104 | one: "Immortal Throne",
105 | two: "Ragnarök",
106 | three: "Atlantis",
107 | },
108 | price: 50,
109 | },
110 | YS: {
111 | publisher: "Falcom",
112 | bestThree: {
113 | one: "Oath in Felghana",
114 | two: "Ark Of Napishtim",
115 | three: "origin",
116 | },
117 | price: 40,
118 | },
119 | };
120 |
121 | // Code One => How To Get Object Length ?
122 | let objectLength = Object.keys(myFavGames).length;
123 |
124 | let game = Object.keys(myFavGames);
125 |
126 | for (let i = 0; i < objectLength; i++) {
127 | console.log(`The Game Name Is ${game[i]}`);
128 | console.log(`The Publisher Is ${myFavGames[game[i]]["publisher"]}`);
129 | console.log(`The Price Is ${myFavGames[game[i]]["price"]}`);
130 |
131 | // Check If Nested Object Has Property (bestThree)
132 | if (Object.hasOwn(myFavGames[game[i]], "bestThree")) {
133 | console.log("- Game Has Releases");
134 | console.log(`First => ${myFavGames[game[i]]["bestThree"]["one"]}`);
135 | console.log(`Second => ${myFavGames[game[i]]["bestThree"]["two"]}`);
136 | console.log(`Third => ${myFavGames[game[i]]["bestThree"]["three"]}`);
137 | }
138 | console.log("#".repeat(20));
139 | }
140 |
141 | // Ouput
142 |
143 | "The Game Name Is Trinity Universe"
144 | "The Publisher Is NIS America"
145 | "The Price Is 40"
146 | "####################"
147 | "The Game Name Is Titan Quest"
148 | "The Publisher Is THQ"
149 | "The Price Is 50"
150 | "- Game Has Releases"
151 | "First => Immortal Throne"
152 | "Second => Ragnarök"
153 | "Third => Atlantis"
154 | "####################"
155 | "The Game Name Is YS"
156 | "The Publisher Is Falcom"
157 | "The Price Is 40"
158 | "- Game Has Releases"
159 | "First => Oath in Felghana"
160 | "Second => Ark Of Napishtim"
161 | "Third => origin"
162 | "####################"
163 |
164 |
--------------------------------------------------------------------------------
/79 to 85/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/86 to 93 Part1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 86 to 93
7 |
8 |
9 |
10 |
11 |
20 | JavaScript
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
Two
60 | One
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
--------------------------------------------------------------------------------
/86 to 93 Part1/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let one = document.querySelector("#elzero");
11 | let two = document.querySelector(".element");
12 | let three = document.querySelector("[name = 'js']");
13 | let four = document.querySelector("div");
14 | let five = document.querySelectorAll("#elzero")[0];
15 | let six = document.querySelectorAll(".element")[0];
16 | let seven = document.querySelectorAll("[name = 'js']")[0];
17 | let eight = document.querySelectorAll("div")[0];
18 | let nine = document.getElementById("elzero");
19 | let ten = document.getElementsByClassName("element")[0];
20 | let eleven = document.getElementsByTagName("div")[0];
21 | let twelve = document.getElementsByName("js")[0];
22 | let thirteen = document.body.firstElementChild;
23 | let fourteen = document.body.children[0];
24 | let fifteen = document.body.childNodes[1];
25 |
26 | console.log(one);
27 | console.log(two);
28 | console.log(three);
29 | console.log(four);
30 | console.log(five);
31 | console.log(six);
32 | console.log(seven);
33 | console.log(eight);
34 | console.log(nine);
35 | console.log(ten);
36 | console.log(eleven);
37 | console.log(twelve);
38 | console.log(thirteen);
39 | console.log(fourteen);
40 | console.log(fifteen);
41 |
42 | /* ####################################### */
43 |
44 | // let myLogo = document.images;
45 |
46 | // for(i = 0; i < myLogo.length; i++){
47 | // myLogo[i].src = "https://elzero.org/wp-content/themes/elzero/imgs/logo.png";
48 | // myLogo[i].alt = "Elzero Logo";
49 | // myLogo[i].style = "background-color: blue; margin-bottom: 30px; padding: 30px";
50 |
51 | // }
52 |
53 | /* ####################################### */
54 |
55 | let input = document.querySelector("input");
56 | let result = document.getElementsByClassName("result")[0];
57 |
58 | input.oninput = function(){
59 | result.innerHTML = `${input.value} USD Dollar = ${(input.value * 15.6).toFixed(2)} Egyptian Pound`
60 | }
61 |
62 | /* ####################################### */
63 |
64 | let elOne = document.querySelector(".one");
65 | let elTwo = document.querySelector(".two");
66 |
67 | elOne.title = elOne.className;
68 | elTwo.title = elTwo.className;
69 | elOne.textContent = elOne.className.toUpperCase();
70 | elTwo.textContent = `${elTwo.className.toUpperCase()} ${elTwo.attributes.length}`;
71 |
72 | /* ####################################### */
73 |
74 | let image = document.querySelectorAll("img");
75 |
76 | for(i = 0; i < image.length; i++){
77 | if(image[i].hasAttribute("alt")){
78 | image[i].alt = "old";
79 | }else{
80 | image[i].alt = "Elzero New";
81 | }
82 | }
83 |
84 |
85 |
86 |
87 |
88 |
--------------------------------------------------------------------------------
/86 to 93 Part1/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/86 to 93 part2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 86 to 93 part2
7 |
8 |
9 |
10 |
11 |
20 |
21 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/86 to 93 part2/script.js:
--------------------------------------------------------------------------------
1 |
2 | // link of github
3 | // https://github.com/melsayedahmed
4 | // Dont forget follow
5 |
6 | // link of Youtube Channel
7 | // https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | // Dont forget Subscribe
9 |
10 | let elNum = document.getElementsByName("elements")[0];
11 | form = document.forms;
12 | type = document.querySelector("select");
13 | text = document.getElementsByName("texts")[0];
14 | results = document.querySelector(".results");
15 |
16 | form[0].onsubmit = function(el){
17 | el.preventDefault();
18 | document.querySelectorAll(".box").forEach(el => el.remove());
19 |
20 | for(let i = 1; i <= elNum.value; i++){
21 | let myEl = document.createElement(type.value);
22 | let myText = document.createTextNode(text.value);
23 |
24 | myEl.className = "box";
25 | myEl.title = "Element";
26 | myEl.id = `id-${i}`;
27 |
28 | myEl.style.display = "inline-block";
29 | myEl.style.width = "200px";
30 | myEl.style.margin = "20px";
31 | myEl.style.padding = "10px";
32 | myEl.style.color = "white";
33 | myEl.style.backgroundColor = "blue";
34 | myEl.style.textAlign = "center";
35 | myEl.style.borderRadius = ".5rem";
36 |
37 | myEl.appendChild(myText);
38 | results.appendChild(myEl);
39 | }
40 | };
41 |
42 | let input = document.querySelectorAll(".input");
43 | submit = document.querySelector("[type= 'submit']");
44 | box = document.querySelectorAll(".box");
45 |
46 | for(let i = 0; i < input.length; i++){
47 | input[i].style.display = "block";
48 | input[i].style.boxSizing = "border-box";
49 | input[i].style.width = "250px";
50 | input[i].style.padding = "10px";
51 | input[i].style.margin = "15px auto";
52 | input[i].style.borderRadius = ".5rem";
53 | input[i].style.border = "1px solid black";
54 | }
55 |
56 | submit.style.backgroundColor = "gray";
57 | submit.style.display = "block";
58 | submit.style.width = "250px";
59 | submit.style.padding = "10px";
60 | submit.style.borderRadius = ".5rem";
61 | submit.style.border = "none";
62 | submit.style.margin = "15px auto";
63 | submit.style.color = "white";
--------------------------------------------------------------------------------
/86 to 93 part2/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | link of github
3 | https://github.com/melsayedahmed
4 | Dont forget follow
5 |
6 | link of Youtube Channel
7 | https://www.youtube.com/channel/UCo92JwtW5CbyN3XO6O0qocA
8 | Dont forget Subscribe
9 | */
10 |
--------------------------------------------------------------------------------
/94 to 101/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 94 to 101
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
Current Element
24 |
25 |
Current Element Class Lists
26 |
27 |
28 |