made make move a little bit better, but still can't move the same piece twice

5 files changed, 15 insertions, 24 deletions

diff --git a/public/board.js b/public/board.js
index ca46335..5738eab 100644
--- a/public/board.js
+++ b/public/board.js
@@ -22,21 +22,21 @@ for (let i = 0; i < squares.length; i++) {
         }
 
         for (let i = 0; i < moves.length; i++) {
+
             let hlsquare = document.getElementById(`${alphabet[moves[i][1]]}${8 - moves[i][0]}`)
 
             hlsquare.classList.add('highlight')
-
             hlsquare.onclick = handle_move(id, hlsquare.id)
 
             previously_highlighted_squares.push(`${alphabet[moves[i][1]]}${8 - moves[i][0]}`)
         }
+
+        let hlsquare = document.getElementsByClassName('highlight')
+        for (let i = 0; i < hlsquare.length; i++) {
+        }
     }
 }
 
-//let handle_move = () => {
-//    console.log('move')
-//}
-
 function handle_move(from_id, id) {
     return function() {
         let table = { 1: 'K', 2: 'Q', 3: 'R', 4: 'B', 5: 'N', 6: 'p' }
@@ -48,6 +48,12 @@ function handle_move(from_id, id) {
             from_element.removeChild(from_element.firstChild)
         }
 
+        for (let i = 0; i < previously_highlighted_squares.length; i++) {
+            let prev = document.getElementById(previously_highlighted_squares[i])
+            prev.classList.remove('highlight')
+            prev.onclick = null
+        }
+
         let new_element = document.getElementById(id)
         let piece = document.createElement('p')
         piece.classList.add(board[8 - id.charAt(1)][id.charCodeAt(0) - 97] > 0 ? 'w' : 'b', 'piece')
@@ -55,5 +61,8 @@ function handle_move(from_id, id) {
         piece.append(table[Math.abs(board[8 - id.charAt(1)][id.charCodeAt(0) - 97])])
 
         to_move = !to_move
+
+        console.log(from_id, id)
+        console.log(board)
     }
 }
diff --git a/public/index.html b/public/index.html
index 312eb76..5280cde 100644
--- a/public/index.html
+++ b/public/index.html
@@ -13,29 +13,20 @@
         <div>
 
             <div id="a8" class="box white square">
-                <div class="top-corner">8</div>
             </div>
             <div id="a7" class="box black square">
-                <div class="top-corner">7</div>
             </div>
             <div id="a6" class="box white square">
-                <div class="top-corner">6</div>
             </div>
             <div id="a5" class="box black square">
-                <div class="top-corner">5</div>
             </div>
             <div id="a4" class="box white square">
-                <div class="top-corner">4</div>
             </div>
             <div id="a3" class="box black square">
-                <div class="top-corner">3</div>
             </div>
             <div id="a2" class="box white square">
-                <div class="top-corner">2</div>
             </div>
             <div id="a1" class="box black square">
-                <div class="top-corner">1</div>
-                <div class="bottom-corner">a</div>
             </div>
         </div>
         <div>
@@ -47,7 +38,6 @@
             <div id="b3" class="box white square"></div>
             <div id="b2" class="box black square"></div>
             <div id="b1" class="box white square">
-               <div class="bottom-corner">b</div> 
             </div>
         </div>
         <div>
@@ -59,7 +49,6 @@
             <div id="c3" class="box black square"></div>
             <div id="c2" class="box white square"></div>
             <div id="c1" class="box black square">
-               <div class="bottom-corner">c</div> 
             </div>
         </div>
         <div>
@@ -71,7 +60,6 @@
             <div id="d3" class="box white square"></div>
             <div id="d2" class="box black square"></div>
             <div id="d1" class="box white square">
-               <div class="bottom-corner">d</div> 
             </div>
         </div>
         <div>
@@ -83,7 +71,6 @@
             <div id="e3" class="box black square"></div>
             <div id="e2" class="box white square"></div>
             <div id="e1" class="box black square">
-               <div class="bottom-corner">e</div> 
             </div>
         </div>
         <div>
@@ -95,7 +82,6 @@
             <div id="f3" class="box white square"></div>
             <div id="f2" class="box black square"></div>
             <div id="f1" class="box white square">
-               <div class="bottom-corner">f</div> 
             </div>
         </div>
         <div>
@@ -107,7 +93,6 @@
             <div id="g3" class="box black square"></div>
             <div id="g2" class="box white square"></div>
             <div id="g1" class="box black square">
-               <div class="bottom-corner">g</div> 
             </div>
         </div>
         <div>
@@ -119,7 +104,6 @@
             <div id="h3" class="box white square"></div>
             <div id="h2" class="box black square"></div>
             <div id="h1" class="box white square">
-               <div class="bottom-corner">h</div> 
             </div>
         </div>
         </div>    
diff --git a/public/make_move.js b/public/make_move.js
index 562505f..16d738b 100644
--- a/public/make_move.js
+++ b/public/make_move.js
@@ -3,4 +3,3 @@ function make_move(board, y ,x, new_y, new_x) {
     board[y][x] = 0
 }
 
-make_move(board,6,4,4,4)
diff --git a/public/move.js b/public/move.js
index 0c441c2..51b585c 100644
--- a/public/move.js
+++ b/public/move.js
@@ -3,7 +3,7 @@ let board = [
     [-6, -6, -6, -6, -6, -6, -6, -6],
     [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],
     [0, 0, 0, 0, 0, 0, 0, 0],
     [6, 6, 6, 6, 6, 6, 6, 6],
     [3, 5, 4, 2, 1, 4, 5, 3],
diff --git a/public/sync_board.js b/public/sync_board.js
index c56cb77..7044db2 100644
--- a/public/sync_board.js
+++ b/public/sync_board.js
@@ -14,5 +14,4 @@ function sync_board() {
             piece.append(table[Math.abs(board[i][j])])
         }
     }
-    console.log(board)
 }