Interactive JavaScript Chess Diagram
Instructions
The purpose of this JavaScript program is to create a chess board diagram by using EPD
(Extended Position Description) or FEN (Forsyth-Edwards Notation) strings entered or copied into
the text box or by clicking on the pieces and chess squares to build your own positions.
Those with ongoing games on my chess page can copy and paste the FEN string to recreate the board here
then work out potential moves by moving pieces on the board.
Creating a Diagram from an EDP or FEN String
Enter the EPD or FEN string into the text field, either by typing in the
string manually or by pasting the string from my Chess page or another source.
Click on the "Set Board" button and the current position will be displayed.
Creating a Diagram Without an EDP or FEN
Just click on a piece to the left or right of the board and then click the square on which you want to
position the piece. If you want to move a positioned piece on another square, first click on the
piece and then click on the new location. You can delete a positioned piece by clicking two times on
the piece. Each time you change the board, the EPD string will be automatically updated.
Further Options
In the "Select further options" drop down menu, you can select one of the following
commands:
- Clear Board to remove all pieces from the board.
- Initial Position to create the starting game position on the board.
- Create HTML Table creates the HTML source code for the
position shown in the diagram. You can copy the code into your own application.
- Validate Position does some simple checks to determine whether the position might be valid or not.
|