Set Position Instantly

Pass false as the second argument to the start and position methods to set the board position instantly.

HTML

<chess-board style="width: 400px"></chess-board>

<button id="setRuyLopezBtn">Ruy Lopez</button>
<button id="setStartBtn">Start Position</button>
<button id="setRookCheckmateBtn">Rook Checkmate</button>

JavaScript

const board = document.querySelector('chess-board');

document.querySelector('#setRuyLopezBtn').addEventListener('click', () => {
  const ruyLopez = 'r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R';
  board.setPosition(ruyLopez);
});

document.querySelector('#setStartBtn').addEventListener('click', () => {
  board.start();
});

document.querySelector('#setRookCheckmateBtn').addEventListener('click', () => {
  board.position = {
    a4: 'bK',
    c4: 'wK',
    a7: 'wR'
  };
});