refactor: update class and alt attribute

Author: nguyenkhoi2806

Projects/RockPaperScsissors/index.html

@@ -26,19 +26,27 @@
               onclick="Main.play(PAPER)"
               class="bg-white absolute left-0 top-[-10%] rounded-full w-[100px] h-[100px] flex hover:shadow-[0_1px_20px_10px_#f8f8f8]"
             >
-              <img src="./assets/svg/icon-paper.svg" class="m-auto" />
+              <img
+                src="./assets/svg/icon-paper.svg"
+                alt="paper"
+                class="m-auto"
+              />
             </div>
             <div
               onclick="Main.play(SCISSORS)"
               class="bg-white absolute right-0 top-[-10%] rounded-full w-[100px] h-[100px] flex hover:shadow-[0_1px_20px_10px_#f8f8f8]"
             >
-              <img src="./assets/svg/icon-scissors.svg" class="m-auto" />
+              <img
+                src="./assets/svg/icon-scissors.svg"
+                alt="scissors"
+                class="m-auto"
+              />
             </div>
             <div
               onclick="Main.play(ROCK)"
               class="bg-white absolute left-[34%] bottom-0 rounded-full w-[100px] h-[100px] flex hover:shadow-[0_1px_20px_10px_#f8f8f8]"
             >
-              <img src="./assets/svg/icon-rock.svg" class="m-auto" />
+              <img src="./assets/svg/icon-rock.svg" alt="rock" class="m-auto" />
             </div>
           </div>
         </div>
@@ -47,16 +55,16 @@
           id="result"
         >
           <div class="flex-col flex gap-5 items-center">
-            <span class="text:xl md:text-2xl font-bold text-white"
+            <span class="text-xl md:text-2xl font-bold text-white"
               >You picked</span
             >
             <div class="bg-white rounded-full w-[100px] h-[100px] flex">
-              <img class="m-auto" id="player" />
+              <img alt="player" class="m-auto" id="player" />
             </div>
           </div>
           <div class="flex flex-col items-center gap-4">
             <span
-              class="text:xl md:text-2xl font-bold text-white"
+              class="text-xl md:text-2xl font-bold text-white"
               id="result-text"
               >You win</span
             >
@@ -68,11 +76,11 @@
             </button>
           </div>
           <div class="flex-col flex items-center gap-5">
-            <span class="text:xl md:text-2xl font-bold text-white"
+            <span class="text-xl md:text-2xl font-bold text-white"
               >Computer pick</span
             >
             <div class="bg-white rounded-full w-[100px] h-[100px] flex">
-              <img id="computer" class="m-auto" />
+              <img alt="computer" id="computer" class="m-auto" />
             </div>
           </div>
         </div>