Jogo Da Velha Js

Jogo Da Velha Js desenvolvido apenas com Javascript. Para funcionar Client Side e Server Side. Veja a demo.

Getting Started

First, install it.

  npm i jogo-da-velha-js --save

Or 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>