Fixed PetPet#002 - When playing dice war the dices would lose the 'dice' class and lose size

Games/DiceWar/main.js

@@ -18,6 +18,26 @@ let plaScore = document.querySelector('#playerScore');
 let enemyScore = 0;
 let playerScore = 0;
 
+let moneyDisplay = document.querySelector('#money');
+let money = 0;
+
+async function display(){
+    moneyDisplay.innerHTML = money;
+}
+
+async function nft(amount){ //! MONEY POPPING
+    let dabloons = document.createElement('h4');
+    dabloons.classList.add('coins');
+    if(amount>0) dabloons.innerHTML = `+${amount}`;
+    else dabloons.innerHTML = `${amount}`
+    document.body.append(dabloons);
+    money += amount;
+    display();
+    setTimeout(() => {
+        dabloons.remove();
+    }, 150);
+}
+
 function ranD6(){
     return Math.floor(Math.random()*6)+1;
 }
@@ -28,7 +48,7 @@ function enemyRoll(){
         const point = ranD6();
         enemyScore += point;
         e.src = `./Dices/${point}.png`;
-        e.classList.value="";
+        e.classList.value="dice";
         e.classList.add("pop");
         setTimeout(() => {
             e.classList.remove('pop');
@@ -44,7 +64,7 @@ function playerRoll(){
         const point = ranD6();
         playerScore += point;
         e.src = `./Dices/${point}.png`;
-        e.classList.value="";
+        e.classList.value="dice";
         e.classList.add("pop");
         setTimeout(() => {
             e.classList.remove('pop');
@@ -89,10 +109,13 @@ function gamble(){
     setTimeout(() => {
         if(playerScore>enemyScore){
             won();
+            nft(playerScore-enemyScore);
         }else if(playerScore<enemyScore){
             lost();
+            nft(playerScore-enemyScore);
         }else{
             draw();
+            nft(10)
             console.log(`Player: ${playerScore}`);
             console.log(`Enemy: ${enemyScore}`);
         }

Games/DiceWar/style.css

@@ -108,6 +108,24 @@ button{
     }
 }
 
+@media screen and (max-width: 600px){
+    .dice{
+        width: 50px;
+        height: 50px;
+        margin: .7rem;
+        border-radius: 7.5px;
+    }
+}
+
+@media screen and (max-width: 676px){
+    .dice{
+        width: 60px;
+        height: 60px;
+        margin: .8rem;
+        border-radius: 9px;
+    }
+}
+
 .cash{
     position: absolute;
     left: 0;
@@ -129,7 +147,7 @@ button{
 
 .coins{
     position: absolute;
-    color: red;
+    color: #0f0;
     z-index: 5;
     user-select: none;
     left: 135px;