From 7e60ee0145849c6a416a04ff898363655549027a Mon Sep 17 00:00:00 2001
From: MrEidam <adammbrich@gmail.com>
Date: Wed, 25 Sep 2024 08:46:59 +0200
Subject: [PATCH] Fixed PetPet#002 - When playing dice war the dices would lose
 the 'dice' class and lose size

---
 Games/DiceWar/main.js   | 27 +++++++++++++++++++++++++--
 Games/DiceWar/style.css | 20 +++++++++++++++++++-
 2 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/Games/DiceWar/main.js b/Games/DiceWar/main.js
index bbfdb2a..39d1a82 100644
--- a/Games/DiceWar/main.js
+++ b/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}`);
         }
diff --git a/Games/DiceWar/style.css b/Games/DiceWar/style.css
index 35adf3b..4246372 100644
--- a/Games/DiceWar/style.css
+++ b/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;