Skip to content

Commit cfeada9

Browse files
enmirazeenmiraze
committed
aa
1 parent 267a34c commit cfeada9

File tree

5 files changed

+237
-3
lines changed

5 files changed

+237
-3
lines changed

‎main.js

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
const letterFrequency2 = (phrase) => {
2+
// letterFrequency ('haha') 👉 {'h': 2, 'a': 2}
3+
4+
// console.log(phrase)
5+
6+
// make a 'frequency' object {}
7+
let frequency = {}
8+
9+
for (const letter of phrase) {
10+
// check if letter exists in frequency
11+
if (letter in frequency) {
12+
frequency[letter] += 1
13+
} else {
14+
frequency[letter] = 1
15+
}
16+
// increment the value by +1
17+
// otherwise, set the value to 1
18+
}
19+
20+
return frequency;
21+
}
22+
23+
// console.log(letterFrequency2('lhhh'));
24+
25+
// incremental operators
26+
// ++, --, +=, +=
27+
28+
29+
const wordFrequency2 = (phrase) => {
30+
let frequency = {}
31+
let words = phrase.split('');
32+
33+
34+
console.log(words);
35+
return frequency;
36+
}
37+
38+
console.log(wordFrequency2('lol what lol'));

‎projects/gd-matrix/01-dozen-set/index.html

+60
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>Tracker</title>
6+
<link href="style.css" rel="stylesheet" type="text/css" />
7+
</head>
8+
9+
<body>
10+
<h1>Tracker</h1>
11+
<div id="input-form">
12+
<label for="number-input">Enter a number between 1 and 36:</label>
13+
<input type="number" id="number-input" min="0" max="36">
14+
<button id="add-button" onclick="addNumber()">Add</button>
15+
</div>
16+
<p id="added-numbers"></p>
17+
<div style="display: flex;">
18+
<!-- Dozen matrix -->
19+
<table>
20+
<thead>
21+
<tr>
22+
<th>1D</th>
23+
<th>2D</th>
24+
<th>3D</th>
25+
</tr>
26+
</thead>
27+
<tbody id="dozen-table">
28+
<tr>
29+
<td id="dozen1-count">0</td>
30+
<td id="dozen2-count">0</td>
31+
<td id="dozen3-count">0</td>
32+
</tr>
33+
</tbody>
34+
</table>
35+
36+
<!-- Column matrix -->
37+
<table style="margin-left: 20px">
38+
<thead>
39+
<tr>
40+
<th>1C</th>
41+
<th>2C</th>
42+
<th>3C</th>
43+
</tr>
44+
</thead>
45+
<tbody id="column-table">
46+
<tr>
47+
<td id="column-count">0</td>
48+
<td id="column-count">0</td>
49+
<td id="column-count">0</td>
50+
</tr>
51+
</tbody>
52+
</table>
53+
</div>
54+
55+
56+
<script src="main.js"></script>
57+
58+
</body>
59+
60+
</html>

‎projects/gd-matrix/01-dozen-set/main.js

+62
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
2+
let addedNumbers = []; // array to store added numbers
3+
let spins = 0;
4+
let input = document.getElementById("number-input");
5+
6+
function addNumber() {
7+
8+
// Number Input
9+
let number = input.value;
10+
if (!number) {
11+
alert("Please enter a number between 1 and 36.");
12+
return;
13+
}
14+
15+
addedNumbers.unshift(number); // add number to the beginning of the array
16+
input.value = "";
17+
updateAddedNumbers();
18+
19+
let dozen1Count = document.getElementById("dozen1-count");
20+
let dozen2Count = document.getElementById("dozen2-count");
21+
let dozen3Count = document.getElementById("dozen3-count");
22+
23+
if (number <= 12 && number >= 1) {
24+
dozen1Count.innerHTML++;
25+
} else if (number <= 24 && number >= 12) {
26+
dozen2Count.innerHTML++;
27+
} else {
28+
dozen3Count.innerHTML++;
29+
}
30+
spins++;
31+
32+
if (spins === 3) {
33+
spins = 0;
34+
let table = document.getElementById("dozen-table");
35+
let row = table.insertRow();
36+
let dozen1 = row.insertCell(0);
37+
let dozen2 = row.insertCell(1);
38+
let dozen3 = row.insertCell(2);
39+
dozen1.innerHTML = dozen1Count.innerHTML;
40+
dozen2.innerHTML = dozen2Count.innerHTML;
41+
dozen3.innerHTML = dozen3Count.innerHTML;
42+
dozen1Count.innerHTML = 0;
43+
dozen2Count.innerHTML = 0;
44+
dozen3Count.innerHTML = 0;
45+
46+
}
47+
48+
}
49+
50+
// Insert numbers by pressing 'Enter'
51+
input.addEventListener("keydown", function (e) {
52+
if (e.keyCode === 13) {
53+
addNumber(e);
54+
}
55+
});
56+
57+
58+
// Last numbers
59+
function updateAddedNumbers() {
60+
let addedNumbersElem = document.getElementById("added-numbers");
61+
addedNumbersElem.innerHTML = addedNumbers.join(", "); // join array with commas
62+
}

‎projects/gd-matrix/01-dozen-set/style.css

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
/* CSS styles go here */
2+
body {
3+
font-family: sans-serif;
4+
}
5+
6+
label {
7+
margin-bottom: 20px;
8+
display: block;
9+
}
10+
11+
input {
12+
font-size: 16pt;
13+
padding: 7px 10px;
14+
border-radius: 0;
15+
border-bottom: 3px solid black;
16+
background-color: rgb(244, 242, 242);
17+
width: 60px;
18+
outline: none;
19+
margin: 0;
20+
}
21+
22+
button {
23+
padding: 10px 60px;
24+
background-color: rgb(81, 202, 47);
25+
outline: none;
26+
border: none;
27+
margin: 0;
28+
height: auto;
29+
font-size: 16pt;
30+
}
31+
32+
table {
33+
width: 10%;
34+
border-collapse: collapse;
35+
}
36+
37+
th,
38+
td {
39+
border: 1px solid black;
40+
padding: 8px;
41+
}
42+
43+
th {
44+
text-align: left;
45+
background-color: black;
46+
color: white;
47+
}
48+
49+
#input-form {
50+
margin-bottom: 20px;
51+
}

‎projects/gd-matrix/main.js

+26-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
let addedNumbers = []; // array to store added numbers
32
let spins = 0;
43
let input = document.getElementById("number-input");
@@ -22,10 +21,22 @@ function addNumber() {
2221

2322
if (number <= 12 && number >= 1) {
2423
dozen1Count.innerHTML++;
25-
} else if (number <= 24 && number >= 12) {
24+
if (dozen1Count.innerHTML === "3") {
25+
dozen1Count.style.backgroundColor = "red";
26+
dozen1Count.style.color = "white";
27+
}
28+
} else if (number <= 24 && number >= 13) {
2629
dozen2Count.innerHTML++;
30+
if (dozen2Count.innerHTML === "3") {
31+
dozen2Count.style.backgroundColor = "red";
32+
dozen2Count.style.color = "white";
33+
}
2734
} else {
2835
dozen3Count.innerHTML++;
36+
if (dozen3Count.innerHTML === "3") {
37+
dozen3Count.style.backgroundColor = "red";
38+
dozen3Count.style.color = "white";
39+
}
2940
}
3041
spins++;
3142

@@ -39,6 +50,18 @@ function addNumber() {
3950
dozen1.innerHTML = dozen1Count.innerHTML;
4051
dozen2.innerHTML = dozen2Count.innerHTML;
4152
dozen3.innerHTML = dozen3Count.innerHTML;
53+
if (dozen1Count.innerHTML === "3") {
54+
dozen1.style.backgroundColor = "red";
55+
dozen1.style.color = "white";
56+
}
57+
if (dozen2Count.innerHTML === "3") {
58+
dozen2.style.backgroundColor = "red";
59+
dozen2.style.color = "white";
60+
}
61+
if (dozen3Count.innerHTML === "3") {
62+
dozen3.style.backgroundColor = "red";
63+
dozen3.style.color = "white";
64+
}
4265
dozen1Count.innerHTML = 0;
4366
dozen2Count.innerHTML = 0;
4467
dozen3Count.innerHTML = 0;
@@ -59,4 +82,4 @@ input.addEventListener("keydown", function (e) {
5982
function updateAddedNumbers() {
6083
let addedNumbersElem = document.getElementById("added-numbers");
6184
addedNumbersElem.innerHTML = addedNumbers.join(", "); // join array with commas
62-
}
85+
}

0 commit comments

Comments
 (0)