diff options
| -rw-r--r-- | public/board.js | 19 | ||||
| -rw-r--r-- | public/index.html | 16 | ||||
| -rw-r--r-- | public/make_move.js | 1 | ||||
| -rw-r--r-- | public/move.js | 2 | ||||
| -rw-r--r-- | public/sync_board.js | 1 |
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) } |