🎠👂 Checkpoint

./index.html:18108127/5
./script.js:18108127/191
./style.css:18108127/60

index.html

@@ -28,7 +28,7 @@
               
         </div>
         
-        <div class="congrats-container">
+        <div class="congrats-container hide">
           <h1>
             You win! 🎉
           </h1>

script.js

@@ -150,7 +150,7 @@ function scoreBarController(barId) {
     setUserTime(username, seconds) {
       if (this.hasUser(username)) {
         let userContainer = this.getUser(username);
-        userContainer.lastElementChild.textContent = `${seconds} seconds`;
+        userContainer.lastElementChild.innerHTML = `<i class="fas fa-stopwatch"></i> ${Math.floor(seconds)} seconds`;
       }
     }
   };
@@ -174,7 +174,7 @@ function isGameEnd(discoveredCards, cards) {
 function finishGame(username) {
   let finalTimeSpan = document.getElementById("user-seconds");
   let totalSeconds = (Date.now() - startTime) / 1000;
-  finalTimeSpan.textContent = `${totalSeconds} seconds`;
+  finalTimeSpan.textContent = `${Math.floor(totalSeconds)} seconds`;
 
   scoresController.setUserTime(username, totalSeconds);
 

style.css

@@ -233,9 +233,14 @@ strong {
   width: 35px;
 }
 
+.fa-stopwatch {
+  font-size: 18px;
+  margin-right: 3px;
+}
+
 @media (max-height: 865px) {
   #user-scores {
     max-height: 73%;
     overflow-y: auto;
   }
-}
+}