From 00e1440f656f3fca2134a6012064e53f2635a833 Mon Sep 17 00:00:00 2001
From: jzhupan <jzhupan@gmail.com>
Date: Tue, 21 Mar 2023 14:15:48 -0400
Subject: [PATCH 1/3] Was able to complete the javascript of level one and
 level two for DOTS game.

---
 starter/index.html     |  2 +-
 starter/level-one.js   | 20 ++++++++++++++++++++
 starter/level-three.js | 11 +++++++++++
 starter/level-two.html |  2 +-
 starter/level-two.js   | 34 ++++++++++++++++++++++++++++++++++
 5 files changed, 67 insertions(+), 2 deletions(-)

diff --git a/starter/index.html b/starter/index.html
index e7b8d47..6c3329f 100644
--- a/starter/index.html
+++ b/starter/index.html
@@ -15,6 +15,6 @@ <h1 class="title --xl-large">Dots</h1>
         <a class="button" href="level-one.html">Play</a>
       </div>
     </main>
-
+    
   </body>
 </html>
diff --git a/starter/level-one.js b/starter/level-one.js
index 417f9b2..5f854dd 100644
--- a/starter/level-one.js
+++ b/starter/level-one.js
@@ -2,3 +2,23 @@
  * DOTS: Level One
  *
  */
+
+//VARIABLES
+let score = 0
+let ball = document.querySelector('.js-ball')
+let scoreDisplay = document.querySelector('.js-score')
+let levelWinner = document.querySelector('.level-winner')
+
+
+//EVENTLISTENER 
+ball.addEventListener('click', function(){
+    //ADD SCORE
+    score += 20
+    //DISPLAY SCORE
+    scoreDisplay.innerText = score
+    if (score === 100){
+        levelWinner.style.opacity = 1
+    }
+    console.log(scoreDisplay.innerText)
+})
+
diff --git a/starter/level-three.js b/starter/level-three.js
index 2406dd3..a1427fb 100644
--- a/starter/level-three.js
+++ b/starter/level-three.js
@@ -2,3 +2,14 @@
  * DOTS: Level Three
  *
  */
+
+let score = 0
+let scoreDisplay = document.querySelector('.js-score')
+let levelWinner = document.querySelector('.level-winner')
+
+let smallBall = document.querySelector('.js-ball').size = "20"
+let bigBall = document.querySelector('.js-ball').size = "5"
+let mediumBall = document.querySelector('.js-ball').size = "10"
+
+
+
diff --git a/starter/level-two.html b/starter/level-two.html
index 515f003..5011cfd 100644
--- a/starter/level-two.html
+++ b/starter/level-two.html
@@ -49,7 +49,7 @@ <h1 class="title --xl-large">Winner!</h1>
       </footer>
 
     </main>
-
+ 
     <script src="level-two.js" charset="utf-8"></script>
 
   </body>
diff --git a/starter/level-two.js b/starter/level-two.js
index d0715af..406c6fa 100644
--- a/starter/level-two.js
+++ b/starter/level-two.js
@@ -2,3 +2,37 @@
  * DOTS: Level Two
  *
  */
+
+
+let score = 0
+//AddEventListener is taking ("input","select") objects 
+//to store them in ballArray
+let ballArray= document.querySelectorAll('ball, .js-ball')
+let scoreDisplay = document.querySelector('.js-score')
+let levelWinner = document.querySelector('.level-winner')
+ //console.log(ballArray)
+
+ for (let i = 0; i < ballArray.length; i++) {
+    ballArray[i].addEventListener("click",groupClick(i))
+ }
+
+ function groupClick(i){
+
+    return function() {
+        score += 20
+    scoreDisplay.innerText = score
+
+    if (score >= 100){
+        levelWinner.style.opacity = 1
+    }
+    console.log(scoreDisplay.innerText)
+    }
+
+ }
+
+
+
+    
+
+
+

From 62ce5fb470b3684d0c9d56a6c137de8ddc9b3e39 Mon Sep 17 00:00:00 2001
From: jzhupan <jzhupan@gmail.com>
Date: Wed, 22 Mar 2023 18:39:31 -0400
Subject: [PATCH 2/3] GA first commit

---
 new.txt | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 new.txt

diff --git a/new.txt b/new.txt
new file mode 100644
index 0000000..e69de29

From 087b6e69288d6186c4c56af5f5cee6e1e67f6235 Mon Sep 17 00:00:00 2001
From: jzhupan <jzhupan@gmail.com>
Date: Sat, 1 Apr 2023 20:38:09 -0400
Subject: [PATCH 3/3] Attempted to solve level 3 DOTS game

---
 .DS_Store              | Bin 6148 -> 6148 bytes
 starter/level-three.js |  40 +++++++++++++++++++++++++++++++++++++---
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index d2abd82aa53124cc5df492331c41066cd8c2f846..1b547a2822d9fcb92874516f2172060981e660f5 100644
GIT binary patch
delta 390
zcmZoMXfc=|#>B)qu~2NHo}wr#0|Nsi1A_nqLkU9#Ly2cjesWUI#*fPx^+7W140#Nx
z4CM@Z$g=rKKpCJ021g*)`ws>T3=?~j>)9EKfeI5DihyJ)Ls3$BaY0fJSow~mf}G6a
z5(9&4j7-cdtZeKY>>S)2vB4Sn<-sM1C8fnqiAB*MUPyj^P7;irm=u<oS{^ST;+&sX
zl9-v7S_IaRnUV@r5)+=8my%!ZlwX>cQViBx9}JP<;N;+p7m%o~Ha9cSQ82ZztkqGd
zwlo5=O^nTIYdJYYmG!NI;<Iyd^YXiZegFbSU>JY_FO-H+-9QGKx5|Qx@^bR?(t$EC
pT@ck9|K+f3X6NAN00!^IkKdUm^NSb?fRr>ql!8@n4iMSG3;^<KVF>^L

delta 86
zcmZoMXfc=|#>CJ*u~2NHo}wrd0|Nsi1A_nqLoP!qgC3Af@ywZ6s6N?1gk`cVQ^MwH
p%!MqQ7cehp+RV<u&jHl9c_Q<7=E?jbhKvl8ZFr<N$B3+81^{)U6@vf(

diff --git a/starter/level-three.js b/starter/level-three.js
index a1427fb..4ff446b 100644
--- a/starter/level-three.js
+++ b/starter/level-three.js
@@ -6,10 +6,44 @@
 let score = 0
 let scoreDisplay = document.querySelector('.js-score')
 let levelWinner = document.querySelector('.level-winner')
+let ballArray= document.querySelectorAll('ball, .js-ball')
+let ballsArena= document.querySelectorAll('.js-ball')
 
-let smallBall = document.querySelector('.js-ball').size = "20"
-let bigBall = document.querySelector('.js-ball').size = "5"
-let mediumBall = document.querySelector('.js-ball').size = "10"
+console.log(ballsArena)
 
+/*
+let smallBall = document.querySelector('.js-ball').nextElementSibling.nextElementSibling
+let bigBall = document.querySelector('.js-ball').nextElementSibling.nextElementSibling;
+let mediumBall = document.querySelector('.js-ball').nextElementSibling;
+
+console.log(smallBall)
+console.log(bigBall)
+console.log(mediumBall)
+*/
+
+// ballsArena.forEach((element, index) => {
+//     element.setAttribute('data-increment', index)
+
+// })
+
+let forEachBall = ballsArena.forEach(element => console.log(element.getAttribute('data-increment')))
+
+// for (let i = 0; i < ballsArena.length; i++) {
+//     ballsArena[i].addEventListener("click",groupClick(i))
+//  }
+
+//console.log(ballArray)
+
+function groupClick(){
+    forEachBall.addEventListener('click', ()=>{
+        score  += forEachBall.getAttribute('data-increment')
+        score = scoreDisplay.innerText
+        console.log('im working')
+        if(score >= 100){
+            levelWinner.style.opacity = 1
+        }
+    })
+    console.log(scoreDisplay)
+}