Using the pack.js file

When you want to use jschess there are two options. One is to use the .min.js file in which case you need to import all third party modules yourself. The second is to use the .pack.js file in which case you get all the third parties built in.

When using the .pack.js file download it from here. Place the file somewhere on your web server and import it from your HTML like this:

<script src="jschess.pack.js"></script>

You need a place for your board, so place something like this somewhere in your html:

<div id="myid"></div>

In order to get a board with initial position we must:

create a board using the constructor of Board.
attach an SvgBoard to it so that it will reflect graphically the what happens on the board.

The SvgBoard will also need the id you prepared since it is the one doing the actual drawing on the screen. To do "chess stuff" we will mainly interact with the board: move pieces, delete pieces etc. So we will also call the startPosition method to setup a classic chess start position.

var board=new Board()
var svgBoard=new SvgBoard(board,{
	id:'myid'
})
board.startPosition()

Here is the result: