diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/board.js | 19 |
1 files changed, 15 insertions, 4 deletions
diff --git a/public/board.js b/public/board.js index 785efff..de3953a 100644 --- a/public/board.js +++ b/public/board.js @@ -6,8 +6,17 @@ sync_board() let highlighted_squares = [] +//allow ondrop to fire +document.addEventListener("dragover", (e) => e.preventDefault(), false) + +function piece_events(e){ + e.onclick = e.ondrag = handle_highlight(e.id) + e.draggable = true + e.ondrop = null +} + for (let i = 0; i < squares.length; i++) { - squares[i].onclick = handle_highlight(squares[i].id) + piece_events(squares[i]) } function handle_highlight(id) { @@ -17,13 +26,14 @@ function handle_highlight(id) { for (let i = 0; i < highlighted_squares.length; i++) { highlighted_squares[i].classList.remove('highlight') - highlighted_squares[i].onclick = handle_highlight(highlighted_squares[i].id) + piece_events(highlighted_squares[i]) } for (let i = 0; i < moves.length; i++) { let hlsquare = document.getElementById(`${moves[i][0]}${moves[i][1]}`) hlsquare.classList.add('highlight') + hlsquare.ondrop = handle_move(id, hlsquare.id) hlsquare.onclick = handle_move(id, hlsquare.id) highlighted_squares.push(hlsquare) @@ -105,7 +115,7 @@ function handle_move(from_id, to_id) { let passanted_pawn = document.getElementById(`3${en_passant_move}`) while (passanted_pawn.firstChild) { - passanted_pawn.removeChild(passanted_pawn.firstChild) + onclickpassanted_pawn.removeChild(passanted_pawn.firstChild) } } else { let passanted_pawn = document.getElementById(`4${en_passant_move}`) @@ -154,7 +164,8 @@ function handle_move(from_id, to_id) { to_element.append(piece) for (let i = 0; i < highlighted_squares.length; i++) { - highlighted_squares[i].onclick = handle_highlight(highlighted_squares[i].id) + //highlighted_squares[i].onclick = handle_highlight(highlighted_squares[i].id) + piece_events(highlighted_squares[i]) highlighted_squares[i].classList.remove('highlight') } |