FilesExpand file tree

 main

/

script.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

83 lines (71 loc) · 2.47 KB

 main

/

script.js

Copy path

Top

File metadata and controls

• Code
• Blame

83 lines (71 loc) · 2.47 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

let gameover = new Audio("gameover");

let ting = new Audio("ting.mp3");

let turn = "X";

let isgameover = false;

let boxes = document.querySelectorAll(".box");

function checkWin(){

let wins = [

[0, 1, 2],

[3, 4, 5],

[6, 7, 8],

[0, 3, 6],

[1, 4, 7],

[2, 5, 8],

[0, 4, 8],

[2, 4, 6]

];

wins.forEach(function(win){

if((boxes[win[0]].innerHTML === boxes[win[1]].innerHTML) && (boxes[win[2]].innerHTML === boxes[win[1]].innerHTML) &&

boxes[win[0]].innerHTML!==""){

console.log("Game Over");

boxes[win[0]].setAttribute("style", "background-color:blueviolet");

boxes[win[1]].setAttribute("style", "background-color:blueviolet");

boxes[win[2]].setAttribute("style", "background-color:blueviolet");

isgameover = true;

}

})

}

function changeTurn(){

return turn === "X" ? "O" : "X";

}

boxes.forEach(function(box){

box.addEventListener("click", function(){

if(isgameover===true){

alert("Please Reset !");

}else if(box.innerHTML!==""){

alert("Please select empty box");

ting.play();

}else{

box.innerHTML=turn;

ting.play();

checkWin();

if(isgameover === false){

turn = changeTurn();

let full = true;

boxes.forEach(function(box){

if(box.innerHTML===""){

full = false;

}

})

if(full === false){

document.querySelector(".info").innerHTML="Turn For "+turn;

}else{

document.querySelector(".info").innerHTML="Game Over ! Please reset!";

}

}else{

document.querySelector(".info").innerHTML=turn + " won the game!";

document.querySelector(".imgbox").getElementsByTagName("img")[0].setAttribute("style", "display:inline");

}

}

})

})

document.querySelector("#reset").addEventListener("click", function(){

isgameover=false;

turn = "X";

document.querySelector(".info").innerHTML="Turn For "+turn;

document.querySelector(".imgbox").getElementsByTagName("img")[0].setAttribute("style", "display:none");

boxes.forEach(function(box){

box.innerHTML="";

box.setAttribute("style", "background-color:white");

})

})