update

Author: enmiraze

projects/gd-matrix/index.html

@@ -14,22 +14,43 @@ <h1>Tracker</h1>
     <button id="add-button" onclick="addNumber()">Add</button>
   </div>
   <p id="added-numbers"></p>
-  <table class="dozen">
-    <thead>
-      <tr>
-        <th>1st Dozen</th>
-        <th>2nd Dozen</th>
-        <th>3rd Dozen</th>
-      </tr>
-    </thead>
-    <tbody id="number-table">
-      <tr>
-        <td id="dozen1-count">0</td>
-        <td id="dozen2-count">0</td>
-        <td id="dozen3-count">0</td>
-      </tr>
-    </tbody>
-  </table>
+  <div style="display: flex;">
+    <!-- Dozen matrix -->
+    <table>
+      <thead>
+        <tr>
+          <th>1D</th>
+          <th>2D</th>
+          <th>3D</th>
+        </tr>
+      </thead>
+      <tbody id="dozen-table">
+        <tr>
+          <td id="dozen1-count">0</td>
+          <td id="dozen2-count">0</td>
+          <td id="dozen3-count">0</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <!-- Column matrix -->
+    <table style="margin-left: 20px">
+      <thead>
+        <tr>
+          <th>1C</th>
+          <th>2C</th>
+          <th>3C</th>
+        </tr>
+      </thead>
+      <tbody id="column-table">
+        <tr>
+          <td id="column-count">0</td>
+          <td id="column-count">0</td>
+          <td id="column-count">0</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
 
 
   <script src="main.js"></script>

projects/gd-matrix/main.js

@@ -1,21 +1,25 @@
 
-
 let addedNumbers = []; // array to store added numbers
 let spins = 0;
 let input = document.getElementById("number-input");
-let number = input.value;
 
 function addNumber() {
+
+    // Number Input
+    let number = input.value;
     if (!number) {
         alert("Please enter a number between 1 and 36.");
         return;
     }
+
     addedNumbers.unshift(number); // add number to the beginning of the array
     input.value = "";
     updateAddedNumbers();
-    var dozen1Count = document.getElementById("dozen1-count");
-    var dozen2Count = document.getElementById("dozen2-count");
-    var dozen3Count = document.getElementById("dozen3-count");
+
+    let dozen1Count = document.getElementById("dozen1-count");
+    let dozen2Count = document.getElementById("dozen2-count");
+    let dozen3Count = document.getElementById("dozen3-count");
+
     if (number <= 12 && number >= 1) {
         dozen1Count.innerHTML++;
     } else if (number <= 24 && number >= 12) {
@@ -24,33 +28,35 @@ function addNumber() {
         dozen3Count.innerHTML++;
     }
     spins++;
+
     if (spins === 3) {
         spins = 0;
-        var table = document.getElementById("number-table");
-        var row = table.insertRow();
-        var dozen1 = row.insertCell(0);
-        var dozen2 = row.insertCell(1);
-        var dozen3 = row.insertCell(2);
+        let table = document.getElementById("dozen-table");
+        let row = table.insertRow();
+        let dozen1 = row.insertCell(0);
+        let dozen2 = row.insertCell(1);
+        let dozen3 = row.insertCell(2);
         dozen1.innerHTML = dozen1Count.innerHTML;
         dozen2.innerHTML = dozen2Count.innerHTML;
         dozen3.innerHTML = dozen3Count.innerHTML;
         dozen1Count.innerHTML = 0;
         dozen2Count.innerHTML = 0;
         dozen3Count.innerHTML = 0;
-    }
 
+    }
 
 }
 
-
+// Insert numbers by pressing 'Enter'
 input.addEventListener("keydown", function (e) {
     if (e.keyCode === 13) {
         addNumber(e);
     }
 });
 
 
+// Last numbers
 function updateAddedNumbers() {
-    var addedNumbersElem = document.getElementById("added-numbers");
+    let addedNumbersElem = document.getElementById("added-numbers");
     addedNumbersElem.innerHTML = addedNumbers.join(", "); // join array with commas
 }

projects/gd-matrix/style.css

@@ -30,14 +30,10 @@ button {
 }
 
 table {
-  width: 100%;
+  width: 10%;
   border-collapse: collapse;
 }
 
-table.dozen {
-    width: 20%;
-}
-
 th,
 td {
   border: 1px solid black;

yourPlayground.js

@@ -1,21 +1,13 @@
-function sum(a, b) {
-    return a + b;
-}
-
-function calculateFoodTotal (food, tip){
-    const tipPercentage = tip / 100;
-    const tipAmount = food * tipPercentage;
-    const total = sum(food, tipAmount);
-
-    return total;
-}
-
-// console.log(calculateFoodTotal(300, 20));
-
-// Arrays
-
-
 
+const introducer = (name, role) => {
 
+    const person = {
+        name: name,
+        role: role
+    }
 
+    const intro = `Hi, my name is ${person.name} and I am ${person.role} at Ennova Research SRL`;
+    return intro
+}
 
+console.log(introducer("Miraze", "Head of Design"))