Jogo Da Velha Js desenvolvido apenas com Javascript. Para funcionar Client Side e Server Side. Veja a demo.
First, install it.
npm i jogo-da-velha-js --saveOr use direct of github release
<script src="https://github.com/codermarcos/jogo-da-velha-js/releases/download/<RELEASE_VERSION_HERE>/jogo-da-velha-js.js"></script>remember change <RELEASE_VERSION_HERE> by the last version
Leia a documentção ou escolha sua implentação para ver um exemplo:
Exemplo simples usando no client side (browser):
<body>
<div position="0"></div>
<div position="1"></div>
<div position="2"></div>
<div position="3"></div>
<div position="4"></div>
<div position="5"></div>
<div position="6"></div>
<div position="7"></div>
<div position="8"></div>
<script src="../../lib/jogo-da-velha.js"></script>
<script>
const game = new Game({
onfinish(e) {
console.log('game end', e);
},
onnext(e) {
console.log('game next', e.next);
console.log('game remaining', e.remaining);
},
onstart() {
console.log('game start');
}
});
document
.querySelectorAll('[position]')
.forEach(el =>
el.addEventListener('click',
ev => {
try {
const p = el.getAttribute('position');
el.textContent = game.next;
game.next.play({ p });
} catch (e) {
alert(e);
}
}
)
);
</script>
</body>