mirror of
https://github.com/FranP-code/Tic-Tac-Toe-Game.git
synced 2025-10-12 23:52:39 +00:00
Tie logic added
This commit is contained in:
41
script/game-functions/tieActions.js
Normal file
41
script/game-functions/tieActions.js
Normal file
@@ -0,0 +1,41 @@
|
||||
export default function tieActions(data) {
|
||||
|
||||
const stylesActions = (() => {
|
||||
|
||||
let victoryMessage = document.getElementsByClassName('victory-message')[0]
|
||||
victoryMessage.classList.remove('hidden')
|
||||
victoryMessage.classList.add('animate__fadeInDown')
|
||||
|
||||
let victoryMessageText = victoryMessage.children[0]
|
||||
victoryMessageText.innerText = 'Tie!'
|
||||
|
||||
let victoryBackground = document.getElementsByClassName('background-winner-div')[0]
|
||||
victoryBackground.classList.add('show')
|
||||
|
||||
let game = document.getElementsByClassName('tic-tac-toe')[0]
|
||||
game.classList.add('completed')
|
||||
})()
|
||||
|
||||
const button = document.getElementById('play-again-button')
|
||||
|
||||
button.addEventListener('click', (e) => {
|
||||
|
||||
e.preventDefault()
|
||||
|
||||
const game = document.getElementsByClassName('game')[0]
|
||||
|
||||
game.classList.add('animate__fadeOutDown')
|
||||
|
||||
console.log(data)
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
game.classList.add('hidden')
|
||||
|
||||
localStorage.setItem('data', JSON.stringify(data))
|
||||
|
||||
location.reload();
|
||||
|
||||
}, 1000)
|
||||
})
|
||||
}
|
||||
Reference in New Issue
Block a user