1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
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].onclick = () => {
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], to_move)
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++) {
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 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' }
make_move(board, 8 - from_id.charAt(1), from_id.charCodeAt(0) - 97, 8 - id.charAt(1), id.charCodeAt(0) - 97)
let from_element = document.getElementById(from_id)
while (from_element.firstChild) {
from_element.removeChild(from_element.firstChild)
}
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')
new_element.append(piece)
piece.append(table[Math.abs(board[8 - id.charAt(1)][id.charCodeAt(0) - 97])])
to_move = !to_move
}
}
|
