lab done

javascript/chronometer.js

@@ -1,34 +1,68 @@
 class Chronometer {
   constructor() {
-    // ... your code goes here
+    this.currentSec = 0;
+    this.intervalId = null;
+    this.splitArray = [];
+    this.currentMilisec = 0;
+    this.intervalForMilisecondsID = null;
   }
 
   start(callback) {
     // ... your code goes here
+    if (callback) callback();
+    console.log('Has pulsado Start');
+    //this.intervalId = setInterval(funcion = lo que va a pasar, temporizador = cada cuánto va a pasar);
+    this.intervalId = setInterval(() => {
+      this.currentSec++;
+    }, 1000);
+    this.intervalForMilisecondsID = setInterval(() => {
+      this.currentMilisec++;
+      if (this.currentMilisec >= 100) {
+        this.currentMilisec = 0;
+      }
+    }, 10);
   }
 
   getMinutes() {
-    // ... your code goes here
+    return Math.floor(this.currentSec / 60);
+    // ('62/60 -> 1.05... Math.floor-> 1');
   }
 
   getSeconds() {
-    // ... your code goes here
+    return this.currentSec % 60;
+    // ('62/60 -> 2');
+  }
+
+  getMiliseconds() {
+    return this.currentMilisec;
   }
 
   computeTwoDigitNumber(value) {
-    // ... your code goes here
+    let str = '0' + value.toString() + '0';
+    if (str.length === 3) {
+      return str.slice(0, 2);
+    }
+    return str.slice(1, 3);
   }
 
   stop() {
-    // ... your code goes here
+    console.log('Has pulsado Stop');
+    clearInterval(this.intervalId);
+    clearInterval(this.intervalForMilisecondsID);
   }
 
   reset() {
-    // ... your code goes here
+    this.currentSec = 0;
+    this.currentMilisec = 0;
   }
 
   split() {
-    // ... your code goes here
+    this.splitArray = [
+      this.computeTwoDigitNumber(this.getMinutes()),
+      this.computeTwoDigitNumber(this.getSeconds()),
+      this.computeTwoDigitNumber(this.getMiliseconds())
+    ];
+    return `${this.splitArray[0]} : ${this.splitArray[1]} : ${this.splitArray[2]}`;
   }
 }
 

javascript/index.js

@@ -14,52 +14,62 @@ const milUniElement = document.getElementById('milUni');
 const splitsElement = document.getElementById('splits');
 
 function printTime() {
-  // ... your code goes here
+  printMinutes();
+  printSeconds();
+  printMilliseconds();
 }
 
 function printMinutes() {
-  // ... your code goes here
+  const minutes = chronometer.computeTwoDigitNumber(chronometer.getMinutes());
+  minDecElement.textContent = minutes[0];
+  minUniElement.textContent = minutes[1];
 }
 
 function printSeconds() {
-  // ... your code goes here
+  const seconds = chronometer.computeTwoDigitNumber(chronometer.getSeconds());
+  secDecElement.textContent = seconds[0];
+  secUniElement.textContent = seconds[1];
 }
 
 // ==> BONUS
 function printMilliseconds() {
-  // ... your code goes here
-}
-
-function printSplit() {
-  // ... your code goes here
-}
-
-function clearSplits() {
-  // ... your code goes here
-}
-
-function setStopBtn() {
-  // ... your code goes here
-}
-
-function setSplitBtn() {
-  // ... your code goes here
-}
-
-function setStartBtn() {
-  // ... your code goes here
-}
-
-function setResetBtn() {
-  // ... your code goes here
+  const miliseconds = chronometer.computeTwoDigitNumber(
+    chronometer.getMiliseconds()
+  );
+  milDecElement.textContent = miliseconds[0];
+  milUniElement.textContent = miliseconds[1];
 }
 
 // Start/Stop Button
 btnLeftElement.addEventListener('click', () => {
-  // ... your code goes here
+  if (btnLeftElement.className === 'btn start') {
+    btnLeftElement.className = 'btn stop';
+    btnLeftElement.textContent = 'STOP';
+    btnRightElement.className = 'btn split';
+    btnRightElement.textContent = 'SPLIT';
+    chronometer.start();
+    printTime();
+    intervalId = setInterval(printTime, 1);
+  } else {
+    btnLeftElement.className = 'btn start';
+    btnLeftElement.textContent = 'START';
+    btnRightElement.className = 'btn reset';
+    btnRightElement.textContent = 'RESET';
+    chronometer.stop();
+    clearInterval(intervalId);
+  }
 });
 
 // Reset/Split Button
 btnRightElement.addEventListener('click', () => {
-  // ... your code goes here
+  if (btnLeftElement.className === 'btn start') {
+    console.log('Has pulsado Reset');
+    chronometer.reset();
+    splitsElement.innerHTML = ``;
+    printTime();
+  } else {
+    console.log('Has pulsado Split');
+    let splitN = chronometer.split();
+    splitsElement.innerHTML += `<li class="list-item">${splitN}</li>`;
+  }
 });