-
Notifications
You must be signed in to change notification settings - Fork 0
/
javascript.js
61 lines (53 loc) · 1.81 KB
/
javascript.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
const table = document.getElementById("table");
let code = '';
let empty = [];
// creating an array and array filling
let arr = [' '];
for (let i = 1; i <= 15; i++) {
arr.push(i)
}
// creating an table and table filling
for (let i = 1; i <= 4; i++) {
code += '<tr>'
for (let j = 1; j <= 4; j++) {
let key = rand(0,arr.length-1)
code += `<td id="c${i}${j}" class="td" style="background: url('img/wood2.jpg') center/cover;" onclick="swap(${i},${j})">${arr[key]}</td>`
if (arr[key] == ' ') {
empty = [i, j]
}
arr.splice(key,1)
}
code += '</tr>'
}
table.innerHTML = code;
// finding an empty cell and changing his background
let x0 = document.getElementById(`c${empty[0]}${[empty[1]]}`)
x0.style.background ="#934921"
// creating game functionality
let td = document.querySelectorAll('td');
function swap(i, j) {
if( i == empty[0] && Math.abs(j-empty[1]) == 1 ||
j == empty[1] && Math.abs(i - empty[0]) == 1 ) {
let x1 = document.getElementById(`c${i}${j}`)
let x2 = document.getElementById(`c${empty[0]}${[empty[1]]}`)
x2.innerHTML = x1.innerHTML;
x1.innerHTML = '';
empty = [i , j]
let x0 = document.getElementById(`c${empty[0]}${[empty[1]]}`)
x0.style.background ="#934921"
x2.addEventListener('click', sound1.play())
td.forEach((item) => {
if(item.innerHTML>0){
item.style.background = "url('img/wood2.jpg') center/cover";
};
}
)
}
}
// creating sound on click
const sound1 = new Audio();
sound1.src="sound/sound.wav"
// creating a "random" function (!to select a random array element!)
function rand(min, max) {
return Math.floor(Math.random() * (max - min + 1) ) + min;
}