From 9b2161217a4db100b92413bc520e3cbeda46704c Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Thu, 18 Jan 2024 12:21:51 +0800
Subject: [PATCH] Refactor score buttons

---
 m3-basketball-scoreboard/index.html | 16 ++++++++--------
 m3-basketball-scoreboard/script.js  |  9 ++-------
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/m3-basketball-scoreboard/index.html b/m3-basketball-scoreboard/index.html
index 0af0cf6..65255b1 100644
--- a/m3-basketball-scoreboard/index.html
+++ b/m3-basketball-scoreboard/index.html
@@ -19,19 +19,19 @@ <h1 class="sr-only">Basketball Scoreboard</h1>
         <section class="team">
             <h2>HOME</h2>
             <div class="team__score" id="home-score">0</div>
-            <div class="team__score-btn">
-                <button id="home-add-1">+1</button>
-                <button id="home-add-2">+2</button>
-                <button id="home-add-3">+3</button>
+            <div class="team__btn-wrapper">
+                <button class="team__btn home-btn" id="home-add-1">+1</button>
+                <button class="team__btn home-btn" id="home-add-2">+2</button>
+                <button class="team__btn home-btn" id="home-add-3">+3</button>
             </div>
         </section>
         <section class="team">
             <h2>GUEST</h2>
             <div class="team__score" id="guest-score">0</div>
-            <div class="team__score-btn">
-                <button id="guest-add-1">+1</button>
-                <button id="guest-add-2">+2</button>
-                <button id="guest-add-3">+3</button>
+            <div class="team__btn-wrapper">
+                <button class="team__btn guest-btn">+1</button>
+                <button class="team__btn guest-btn">+2</button>
+                <button class="team__btn guest-btn">+3</button>
             </div>
         </section>
     </main>
diff --git a/m3-basketball-scoreboard/script.js b/m3-basketball-scoreboard/script.js
index d3e524a..6b7b131 100644
--- a/m3-basketball-scoreboard/script.js
+++ b/m3-basketball-scoreboard/script.js
@@ -1,13 +1,8 @@
 const homeScoreEl = document.querySelector('#home-score');
 const guestScoreEl = document.querySelector('#guest-score');
 
-const homeAddOneBtn = document.querySelector('#home-add-1');
-const homeAddTwoBtn = document.querySelector('#home-add-2');
-const homeAddThreeBtn = document.querySelector('#home-add-3');
-
-const guestAddOneBtn = document.querySelector('#guest-add-1');
-const guestAddTwoBtn = document.querySelector('#guest-add-2');
-const guestAddThreeBtn = document.querySelector('#guest-add-3');
+const homeAddScoreBtns = document.querySelectorAll('.team__btn.home-btn');
+const guestAddScoreBtns = document.querySelectorAll('.team__btn.guest-btn');
 
 let homeScore = 0;
 let guestScore = 0;
\ No newline at end of file