fixed color dependent moves

1 files changed, 16 insertions, 5 deletions

diff --git a/game.js b/game.js
index 7a670f1..2b1acd9 100644
--- a/game.js
+++ b/game.js
@@ -1,4 +1,5 @@
 const alphabet = 'abcdefgh'
+let squares = document.getElementsByClassName("square")
 
 let board = [
     [0, 0, 0, 0, 0, 0, 0, 0],
@@ -11,16 +12,26 @@ let board = [
     [0, 0, 0, 0, 0, 0, 0, 0],
 ]
 
-for (let i = 0; i < 8; i ++) {
-    for (let j = 0; j < 8; j ++) {
-        let square = document.getElementById(`${alphabet.charAt(j)}${i+1}`)
+for (let i = 0; i < 8; i++) {
+    for (let j = 0; j < 8; j++) {
+        let square = document.getElementById(`${alphabet.charAt(j)}${i + 1}`)
+        let piece = document.createElement("p")
+
         switch (board[i][j]) {
             case 1:
-                square.append("p")
+                piece.classList.add("wp")
+                square.append(piece)
+                piece.append("p")
                 break
             case -1:
-                square.append("p")
+                piece.classList.add("bp")
+                square.append(piece)
+                piece.append("p")
                 break
         }
     }
 }
+
+for (let i = 0; i < squares.length; i++) {
+
+}