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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
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 = handle_highlight(squares[i].id)
}
function handle_highlight(id) {
return function() {
let moves = move(board, id.charCodeAt(0) - 48, id.charCodeAt(1) - 48, to_move)
for (let i = 0; i < previously_highlighted_squares.length; i++) {
//if (previously_highlighted_squares[i] == piece_square) {
// continue
//}
let prev = document.getElementById(previously_highlighted_squares[i])
prev.classList.remove('highlight')
prev.onclick = null
}
for (let i = 0; i < moves.length; i++) {
let hlsquare = document.getElementById(`${moves[i][0]}${moves[i][1]}`)
hlsquare.classList.add('highlight')
hlsquare.onclick = handle_move(id, hlsquare.id)
previously_highlighted_squares.push(`${moves[i][0]}${moves[i][1]}`)
}
}
}
function handle_move(from_id, to_id) {
return function() {
let table = { 1: 'K', 2: 'Q', 3: 'R', 4: 'B', 5: 'N', 6: 'p' }
console.log(from_id.charCodeAt(0) - 48, from_id.charCodeAt(1) - 48, to_id.charCodeAt(0) - 48, to_id.charCodeAt(1) - 48)
make_move(board, from_id.charCodeAt(0) - 48, from_id.charCodeAt(1) - 48, to_id.charCodeAt(0) - 48, to_id.charCodeAt(1) - 48)
let from_element = document.getElementById(from_id)
let to_element = document.getElementById(to_id)
while (from_element.firstChild) {
from_element.removeChild(from_element.firstChild)
}
while (to_element.firstChild) {
to_element.removeChild(to_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 piece = document.createElement('p')
piece.classList.add(board[to_id.charCodeAt(0) - 48][to_id.charCodeAt(1) - 48] > 0 ? 'w' : 'b', 'piece')
piece.append(table[Math.abs(board[to_id.charCodeAt(0) - 48][to_id.charCodeAt(1) - 48])])
to_element.append(piece)
for (let i = 0; i < squares.length; i++) {
squares[i].onclick = handle_highlight(squares[i].id)
}
to_move = !to_move
}
}
|
