Add files via upload

steffano-da-cruz · Aug 25, 2023 · 0675d38 · 0675d38
1 parent 1af2a2b
commit 0675d38
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/css/style.css b/css/style.css
@@ -47,12 +47,16 @@ main {
   background-color: #2f2f2f;
 }
 
+.player--winner .player {
+  color: #c7365f;
+}
+
 div {
   text-align: center;
 }
 
 .player-container {
-  color: #222;
+  color: #222222;
   text-transform: uppercase;
 }
 
@@ -80,13 +84,13 @@ div {
 
 .current {
   font-size: 1.1rem;
-  color: #fff;
+  color: #ffffff;
   text-transform: uppercase;
 }
 
 .current-score {
   font-size: 2rem;
-  color: #fff;
+  color: #ffffff;
 }
 
 img {
@@ -99,14 +103,14 @@ img {
   position: absolute;
   cursor: pointer;
   position: absolute;
-  color: #444;
+  color: #444444;
   background: none;
   border: none;
   font-size: 1.1rem;
   text-transform: uppercase;
   cursor: pointer;
   transition: all 0.2s;
-  background-color: white;
+  background-color: #ffffff;
   background-color: rgba(255, 255, 255, 0.6);
   backdrop-filter: blur(10px);
   padding: 0.7rem 2.1rem;

diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
     <main>
       <section class="left player--0 player--active">
         <div class="player-container">
-          <h2 class="player color--0">Player 1</h2>
+          <h2 class="player">Player 1</h2>
           <p class="score score--0">42</p>
         </div>
         <div class="current-container">
@@ -25,7 +25,7 @@ <h2 class="player color--0">Player 1</h2>
       </section>
       <section class="right player--1">
         <div class="player-container">
-          <h2 class="player color--1">Player 2</h2>
+          <h2 class="player">Player 2</h2>
           <p class="score score--1">57</p>
         </div>
         <div class="current-container">

diff --git a/js/script.js b/js/script.js
@@ -89,10 +89,6 @@ btnHold.addEventListener("click", function () {
       document
         .querySelector(`.player--${activePlayer}`)
         .classList.add("player--winner");
-      document
-        .querySelector(`.player--${activePlayer}`)
-        .classList.remove("player--active");
-      document.querySelector(`.color--${activePlayer}`).style.color = "#c7365f";
       diceEl.classList.add("hidden");
     } else {
       // Switch to the next player