refactored the project

6 files changed, 120 insertions, 109 deletions

diff --git a/public/board.js b/public/board.js
new file mode 100644
index 0000000..e0f0cbe
--- /dev/null
+++ b/public/board.js
@@ -0,0 +1,35 @@
+const alphabet = 'abcdefgh'
+
+let squares = document.getElementsByClassName('square')
+
+sync_board()
+
+let previously_highlighted_squares = ['dummy']
+
+for (let i = 0; i < squares.length; i++) {
+    squares[i].addEventListener('click', () => {
+        let square = []
+        let id = squares[i].id
+
+        square.push(8 - id.charAt(1))
+        square.push(id.charAt(0).charCodeAt(0) - 97)
+
+
+        let moves = move(board, square[0], square[1])
+
+
+        for (let i = 0; i < previously_highlighted_squares.length; i++) {
+            let prev = document.getElementById(previously_highlighted_squares[i])
+            prev.classList.remove('highlight')
+        }
+
+
+        for (let i = 0; i < moves.length; i++) {
+
+            document.getElementById(`${alphabet[moves[i][1]]}${8 - moves[i][0]}`).classList.add('highlight')
+            previously_highlighted_squares.push(`${alphabet[moves[i][1]]}${8 - moves[i][0]}`)
+        }
+    })
+}
+
+
diff --git a/public/game.js b/public/game.js
deleted file mode 100644
index e5740de..0000000
--- a/public/game.js
+++ /dev/null
@@ -1,106 +0,0 @@
-const alphabet = 'abcdefgh'
-
-
-for (let i = 0; i < 8; i++) {
-    for (let j = 0; j < 8; j++) {
-        let square = document.getElementById(`${alphabet.charAt(j)}${8 - i}`)
-        let piece = document.createElement('p')
-
-        piece.classList.add('piece')
-
-        switch (board[i][j]) {
-            case 1:
-                piece.classList.add('wk')
-                square.append(piece)
-                piece.append('K')
-                break
-            case -1:
-                piece.classList.add('bk')
-                square.append(piece)
-                piece.append('K')
-                break
-            case 2:
-                piece.classList.add('wq')
-                square.append(piece)
-                piece.append('Q')
-                break
-            case -2:
-                piece.classList.add('bq')
-                square.append(piece)
-                piece.append('Q')
-                break
-            case 3:
-                piece.classList.add('wr')
-                square.append(piece)
-                piece.append('R')
-                break
-            case -3:
-                piece.classList.add('br')
-                square.append(piece)
-                piece.append('R')
-                break
-            case 4:
-                piece.classList.add('wb')
-                square.append(piece)
-                piece.append('B')
-                break
-            case -4:
-                piece.classList.add('bb')
-                square.append(piece)
-                piece.append('B')
-                break
-            case 5:
-                piece.classList.add('wn')
-                square.append(piece)
-                piece.append('N')
-                break
-            case -5:
-                piece.classList.add('bn')
-                square.append(piece)
-                piece.append('N')
-                break
-            case 6:
-                piece.classList.add('wp')
-                square.append(piece)
-                piece.append('p')
-                break
-            case -6:
-                piece.classList.add('bp')
-                square.append(piece)
-                piece.append('p')
-                break
-        }
-    }
-}
-
-let squares = document.getElementsByClassName('square')
-
-let previously_highlighted_squares = ['dummy']
-
-for (let i = 0; i < squares.length; i++) {
-
-
-    squares[i].addEventListener('click', (event) => {
-        let square = []
-        let id = squares[i].id
-
-        square.push(8 - id.charAt(1))
-        square.push(id.charAt(0).charCodeAt(0) - 97)
-
-
-        let moves = move(board, square[0], square[1])
-
-        for (let i = 0; i < previously_highlighted_squares.length; i++) {
-            //document.getElementById(previously_highlighted_squares[i]).style.backgroundColor = 'transparent'
-            document.getElementById(previously_highlighted_squares[i]).classList.remove('highlight')
-        }
-
-        for (let i = 0; i < moves.length; i++) {
-
-            //document.getElementById(`${alphabet[moves[i][1]]}${8 - moves[i][0]}`).style.backgroundColor = 'yellow'
-            document.getElementById(`${alphabet[moves[i][1]]}${8 - moves[i][0]}`).classList.add('highlight')
-            previously_highlighted_squares.push(`${alphabet[moves[i][1]]}${8 - moves[i][0]}`)
-        }
-
-    })
-}
diff --git a/public/index.html b/public/index.html
index 20bda5a..dcf7f5f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -126,7 +126,9 @@
             </div>
         </div>
         </div>    
-    <script rel="preconnect" src="app.js" crossorigin></script>
-    <script rel="preconnect" src="game.js" crossorigin></script>
+    <script rel="preconnect" src="move.js" crossorigin></script>
+    <script rel="preconnect" src="sync_board.js" crossorigin></script>
+    <script rel="preconnect" src="board.js" crossorigin></script>
+    <script rel="preconnect" src="make_move.js" crossorigin></script>
 </body>
 </html>
diff --git a/public/make_move.js b/public/make_move.js
new file mode 100644
index 0000000..ec0956d
--- /dev/null
+++ b/public/make_move.js
@@ -0,0 +1,5 @@
+function make_move(board, y ,x, new_y, new_x) {
+    let temp = board[y][x]
+    board[y][x] = 0
+    board[new_y][new_x] = temp
+}
diff --git a/public/app.js b/public/move.js
index 8de18e4..fe1767b 100644
--- a/public/app.js
+++ b/public/move.js
@@ -1,7 +1,7 @@
 let board = [
     [-3, -5, -4, -2, -1, -4, -5, -3],
     [-6, -6, -6, -6, -6, -6, -6, -6],
-    [0, 0, -5, 0, 0, 0, 0, 0],
+    [0, 0, 0, 0, 0, 0, 0, 0],
     [0, 0, 0, 0, 0, 0, 0, 0],
     [0, 0, 0, 2, 0, 0, 0, 0],
     [0, 0, 0, 0, 0, 0, 0, 0],
diff --git a/public/sync_board.js b/public/sync_board.js
new file mode 100644
index 0000000..84fab04
--- /dev/null
+++ b/public/sync_board.js
@@ -0,0 +1,75 @@
+
+function sync_board() {
+    for (let i = 0; i < 8; i++) {
+        for (let j = 0; j < 8; j++) {
+            let square = document.getElementById(`${alphabet.charAt(j)}${8 - i}`)
+            let piece = document.createElement('p')
+
+            piece.classList.add('piece')
+
+            switch (board[i][j]) {
+                case 1:
+                    piece.classList.add('wk')
+                    square.append(piece)
+                    piece.append('K')
+                    break
+                case -1:
+                    piece.classList.add('bk')
+                    square.append(piece)
+                    piece.append('K')
+                    break
+                case 2:
+                    piece.classList.add('wq')
+                    square.append(piece)
+                    piece.append('Q')
+                    break
+                case -2:
+                    piece.classList.add('bq')
+                    square.append(piece)
+                    piece.append('Q')
+                    break
+                case 3:
+                    piece.classList.add('wr')
+                    square.append(piece)
+                    piece.append('R')
+                    break
+                case -3:
+                    piece.classList.add('br')
+                    square.append(piece)
+                    piece.append('R')
+                    break
+                case 4:
+                    piece.classList.add('wb')
+                    square.append(piece)
+                    piece.append('B')
+                    break
+                case -4:
+                    piece.classList.add('bb')
+                    square.append(piece)
+                    piece.append('B')
+                    break
+                case 5:
+                    piece.classList.add('wn')
+                    square.append(piece)
+                    piece.append('N')
+                    break
+                case -5:
+                    piece.classList.add('bn')
+                    square.append(piece)
+                    piece.append('N')
+                    break
+                case 6:
+                    piece.classList.add('wp')
+                    square.append(piece)
+                    piece.append('p')
+                    break
+                case -6:
+                    piece.classList.add('bp')
+                    square.append(piece)
+                    piece.append('p')
+                    break
+            }
+        }
+    }
+
+}