Скрипт позволяет вывести на Web-странице шахматную доску с поддержкой перемещений фигур методом "перетащил и оставил". Очередность ходов и правила шахмат соблюдаются. Текущая позиция выводится в стандартной нотации FEN Форсайта—Эдвардса, также может быть загружена новая позиция (кнопка "Задать FEN"). Поддерживается отмена ходов (кнопка "Отменить ход").

Скрипт может быть вызван, например, следующим кодом (копия из файла index.html):

<script type="text/javascript" src="chess.js"></script>
<script type="text/javascript" src="chessGui.js"></script>
<script type="text/javascript">
 config.pieceDir = "" + config.pieceDir;
 config.fieldColorBlack = '#888888';
 config.fieldColorWhite = '#EEEEEE';
</script>
 
<form name="chessFormId" id="chessFormId">
 <div align="center">
  <div id="chessDivId" style="width:328px"></div>
  <p><span id="chessDivIdSpan" style="color:green"></span></p>
  <input id="chessUndoId" type="button" value="Отменить ход"/>
  <input name="btnSetFen" type="button" value="Задать FEN" 
   onclick="SetFen('chessDivId', 'chessUndoId')"/>
 </div>
</form>
<script type="text/javascript">
 SetDiagram("chessDivId", 
  "rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1", 
  "chessUndoId");
</script>

Аргументы функции SetDiagram(divDiagram, fen, undoBtn) следующие:

• divDiagram: Идентификатор (id) элемента DIV, в который помещается изображение доски;
• fen: Запись позиции в нотации FEN (русская ссылка);
• undoBtn: Идентификатор (id) кнопки отмены ходов.