Skip to content

Commit 6ce44f1

Browse files
abhaytalrejaabhaytalreja
committed
Project used durng the video
0 parents  commit 6ce44f1

File tree

5 files changed

+268
-0
lines changed

5 files changed

+268
-0
lines changed

‎README.md‎

Whitespace-only changes.

‎assignment.js‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
//Assignment: An Aray of quotes, console log the quote in a sorted manner
2+
// such that each quote is on a new line.
3+
let quotes = [
4+
"Like Javascript",
5+
"Love the Video",
6+
"Subscribe to Channel",
7+
"Press the Bell Icon",
8+
"You Rock!"
9+
];
10+
11+
//Expected Answer:
12+
13+
/*
14+
'Like Javascript
15+
Love the Video
16+
Press the Bell Icon
17+
Subscribe to Channel
18+
You Rock!'
19+
*/
20+
21+
// console.log(quotes.join("\n"));

‎index.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<html>
2+
<head>
3+
<link rel="stylesheet" href="style.css" />
4+
<script src="script.js"></script>
5+
<script src="assignment.js"></script>
6+
7+
<title>Javascript Array's</title>
8+
</head>
9+
<body>
10+
<div>
11+
<h1 id="msg">Javascript Arrays</h1>
12+
<div>
13+
<span>Basic Operations: </span>
14+
<span class="label other"><b>push</b></span>
15+
<span class="label other"><b>pop</b></span>
16+
<span class="label other">shift</span>
17+
<span class="label other">unshift</span>
18+
<span class="label other"><b>indexOf</b></span>
19+
<span class="label other">splice</span>
20+
<span class="label other">slice</span>
21+
</div>
22+
<br />
23+
<div>
24+
<span>Mutator Methods: </span>
25+
<span class="label info">copyWithin</span>
26+
<span class="label info">fill</span>
27+
<span class="label info">reverse</span>
28+
<span class="label info">shift</span>
29+
<span class="label info"><b>sort</b></span>
30+
</div>
31+
<br />
32+
<div>
33+
<span>Accessor Methods: </span>
34+
<span class="label warning"><b>concat</b></span>
35+
<span class="label warning"><b>includes</b></span>
36+
<span class="label warning">join</span>
37+
<span class="label warning">toString</span>
38+
</div>
39+
<br />
40+
<div>
41+
<span>Iterator Methods: </span>
42+
<span class="label danger"><b>forEach</b></span>
43+
<span class="label danger">every</span>
44+
<span class="label danger"><b>filter</b></span>
45+
<span class="label danger">findIndex</span>
46+
<span class="label danger"><b>find</b></span>
47+
<span class="label danger">keys</span>
48+
<span class="label danger">values</span>
49+
</div>
50+
<br />
51+
<div>
52+
<span class="label danger"><b>map</b></span>
53+
<span class="label danger">reduce</span>
54+
<span class="label danger">some</span>
55+
</div>
56+
</div>
57+
</body>
58+
</html>

‎script.js‎

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
let games = [
2+
{ name: "Afterparty", price: 125 },
3+
{ name: "Dauntless", price: 100 },
4+
{ name: "The Division 2", price: 200 },
5+
{ name: "Metro Exodus", price: 85 },
6+
{ name: "Tetris 99", price: 20 },
7+
{ name: "Wargroove", price: 50 }
8+
];
9+
10+
let numbersArr = [1, 2, 3, 4, 5];
11+
12+
//reduce
13+
let sumReducer = (accumulator, currentItem) => {
14+
return { price: accumulator.price + currentItem.price };
15+
};
16+
17+
let expensiveReducer = (accumulator, currentItem) => {
18+
return { price: Math.max(accumulator.price, currentItem.price) };
19+
};
20+
21+
// let reduceResult = games.reduce(sumReducer);
22+
// console.log(reduceResult.price);
23+
24+
let reduceResult = games.reduce(expensiveReducer);
25+
// console.log(reduceResult.price);
26+
27+
//some
28+
// let someResult = games.some(item => {
29+
// return item.price < 20;
30+
// });
31+
// console.log(someResult);
32+
33+
//map
34+
// let gamesPrice = games.map(item => {
35+
// return { name: item.name, price: item.price * 2 };
36+
// });
37+
38+
// console.log(gamesPrice);
39+
40+
// //keys, values
41+
// let values = games.values();
42+
43+
// for (let value of values) {
44+
// console.log(value);
45+
// }
46+
47+
//find, findIndex
48+
// let findResult = games.find(item => {
49+
// return item.price < 100;
50+
// });
51+
// let findResult = games.findIndex(item => {
52+
// return item.price == 100;
53+
// });
54+
// console.log(findResult);
55+
56+
//filter
57+
// let filterResult = games.filter(item => {
58+
// return item.price > 80;
59+
// });
60+
// console.log(filterResult);
61+
62+
// //every
63+
// let everyResult = games.every(item => {
64+
// return item.price > 21;
65+
// });
66+
// console.log(everyResult);
67+
68+
// //forEach
69+
// numbersArr.forEach(item => {
70+
// // console.log(item);
71+
// });
72+
// games.forEach(item => {
73+
// console.log(item);
74+
// });
75+
76+
//toString
77+
// console.log(numbersArr.toString());
78+
79+
// //join
80+
// console.log(numbersArr.join("\t"));
81+
82+
//includes
83+
// console.log(numbersArr.includes(2));
84+
// console.log(numbersArr.includes(6));
85+
86+
//concat
87+
// let moreNumbers = [6, 7, 8];
88+
// console.log(numbersArr.concat(moreNumbers));
89+
90+
//reverse
91+
// console.log(numbersArr.reverse());
92+
93+
//sort
94+
// console.log(numbersArr.sort());
95+
96+
//fill(value, start, end)
97+
// console.log(numbersArr.fill(8, 0, 2));
98+
99+
//copywithin(target, start, end)
100+
// console.log(numbersArr.copyWithin(-2));
101+
102+
//slice(begin, end);
103+
// let sliceResult = numbersArr.slice(2, -2);
104+
// console.log(sliceResult);
105+
106+
//splice(start, deleteCount, item1, item2, item3)
107+
// let spliceResult1 = numbersArr.splice(2, 2, 6, 7, 8, 9, 10);
108+
// console.log(spliceResult1);
109+
// console.log(numbersArr);
110+
111+
// //shift
112+
// let shiftResult = numbersArr.shift();
113+
// console.log(shiftResult);
114+
// console.log(numbersArr);
115+
116+
// //unshift
117+
// let unshiftResult = numbersArr.unshift(shiftResult);
118+
// console.log(unshiftResult);
119+
// console.log(numbersArr);
120+
121+
// //push
122+
// let pushResult = numbersArr.push(10);
123+
// // console.log(numbersArr);
124+
// // console.log(pushResult);
125+
126+
// games.push({ name: "Control", price: 250 });
127+
// // console.log(games);
128+
129+
// //pop
130+
// let popResult1 = numbersArr.pop();
131+
// // console.log(popResult1);
132+
// // console.log(numbersArr);
133+
134+
// let popResult2 = games.pop();
135+
// console.log(popResult2);
136+
// console.log(games);
137+
138+
//indexOf
139+
// console.log(numbersArr.indexOf(6));
140+
141+
// console.log(numbersArr[2]);
142+
143+
//length
144+
// console.log(games.length, numbersArr.length);

‎style.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
body {
2+
background: #161616;
3+
color: #bdbdbd;
4+
font-weight: 300;
5+
height: 100vh;
6+
margin: 0;
7+
display: flex;
8+
align-items: center;
9+
justify-content: center;
10+
text-align: center;
11+
font-family: Helvetica neue, roboto;
12+
}
13+
14+
img {
15+
width: 56px;
16+
height: 48px;
17+
}
18+
19+
h1 {
20+
font-weight: 200;
21+
font-style: 26px;
22+
margin: 10px;
23+
}
24+
25+
.label {
26+
color: white;
27+
padding: 8px;
28+
}
29+
30+
.success {
31+
background-color: #4caf50;
32+
} /* Green */
33+
.info {
34+
background-color: #2196f3;
35+
} /* Blue */
36+
.warning {
37+
background-color: #ff9800;
38+
} /* Orange */
39+
.danger {
40+
background-color: #f44336;
41+
} /* Red */
42+
.other {
43+
background-color: #e7e7e7;
44+
color: black;
45+
} /* Gray */

0 commit comments

Comments
 (0)