public/game.js


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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

const alphabet = 'abcdefgh'


for (let i = 0; i < 8; i++) {
    for (let j = 0; j < 8; j++) {
        let square = document.getElementById(`${alphabet.charAt(j)}${i + 1}`)
        let piece = document.createElement('p')

        piece.classList.add('piece')

        switch (board[i][j]) {
            case 1:
                piece.classList.add('wk')
                square.append(piece)
                piece.append('K')
                break
            case -1:
                piece.classList.add('bk')
                square.append(piece)
                piece.append('K')
                break
            case 2:
                piece.classList.add('wq')
                square.append(piece)
                piece.append('Q')
                break
            case -2:
                piece.classList.add('bq')
                square.append(piece)
                piece.append('Q')
                break
            case 3:
                piece.classList.add('wr')
                square.append(piece)
                piece.append('R')
                break
            case -3:
                piece.classList.add('br')
                square.append(piece)
                piece.append('R')
                break
            case 4:
                piece.classList.add('wb')
                square.append(piece)
                piece.append('B')
                break
            case -4:
                piece.classList.add('bb')
                square.append(piece)
                piece.append('B')
                break
            case 5:
                piece.classList.add('wn')
                square.append(piece)
                piece.append('N')
                break
            case -5:
                piece.classList.add('bn')
                square.append(piece)
                piece.append('N')
                break
            case 6:
                piece.classList.add('wp')
                square.append(piece)
                piece.append('p')
                break
            case -6:
                piece.classList.add('bp')
                square.append(piece)
                piece.append('p')
                break
        }
    }
}

let squares = document.getElementsByClassName('box')

let prev = ["dummy"]

for (let i = 0; i < squares.length; i++) {


    squares[i].addEventListener('click', (event) => {
        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])

        for (let i = 0; i < prev.length; i++) {
            document.getElementById(prev[i]).classList.remove('highlight')
        }


        for (let i = 0; i < moves.length; i++) {

            document.getElementById(`${alphabet[moves[i][1]]}${8 - moves[i][0]}`).classList.add('highlight')
            prev.push(`${alphabet[moves[i][1]]}${8 - moves[i][0]}`)
        }

    })
}