So, what I would like is a file foo.html that, when copied to my local machine, will render a chessboard using the chessboard.js source.
Create a new text file, and paste this inside:
<!DOCTYPE html> <html> <head> <title>Chess</title> <link rel="stylesheet" href="css/chessboard-0.3.0.min.css"> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="js/chessboard-0.3.0.min.js"></script> </head> <body> <div id="board1" style="width: 400px"></div> <script> var board1 = ChessBoard('board1', 'start'); </script> </body> </html>
Then save it with the
Next, download their distributable from their download page. And unzip the folder.
Next, put your HTML file in the same folder as the
css folders from the unzipped distributable.
Double click/Run the HTML file. The URL should say
You should see