From cf1dcfa825747c1127f914f278adef3f6fc75997 Mon Sep 17 00:00:00 2001
From: Dangrainage <99558179+Dangrainage@users.noreply.github.com>
Date: Fri, 25 Aug 2023 15:03:19 +0200
Subject: [PATCH] Update RedditlikeMemo.HTML

---
 RedditlikeMemo.HTML | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)
diff --git a/RedditlikeMemo.HTML b/RedditlikeMemo.HTML
index b8ca6fc..4df471b 100644
--- a/RedditlikeMemo.HTML
+++ b/RedditlikeMemo.HTML
@@ -13,7 +13,6 @@
     height: 100vh;
     margin: 0;
     background-color: #fff3b0;
-   
   }
   .game-button {
     width: 100px;
@@ -36,6 +35,12 @@
   .yellow {
     background-color: #b36609;
   }
+  .counter {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    font-size: 20px;
+  }
 </style>
 </head>
 <body>
@@ -49,6 +54,7 @@
   <h1>I am going to be frankly pretty honest, ChatGPT helped me a lot with this one.</h1>
   <h1>I personally didn't really know that HTML has this many functions.</h1>
 </p>
+<div class="counter">Round: 0</div>
 <script>
   const buttonColors = ['green', 'red', 'blue', 'yellow'];
   const gameSequence = [];
@@ -93,6 +99,8 @@
 
       if (playerSequence.length === gameSequence.length) {
         if (JSON.stringify(playerSequence) === JSON.stringify(gameSequence)) {
+          round++;
+          updateRoundCounter();
           await sleep(500);
           playRound();
         } else {
@@ -114,9 +122,15 @@
     gameSequence.length = 0;
     playerSequence.length = 0;
     round = 0;
+    updateRoundCounter();
     playRound();
   }
 
+  function updateRoundCounter() {
+    const counterElement = document.querySelector('.counter');
+    counterElement.textContent = `Round: ${round}`;
+  }
+
   playRound(); // Start the game
 </script>
 </body>
