HTML, calling JS (API)

Question

HTML, calling JS (API)

88 views Asked by user2928585 At 18 August 2024 at 01:16

I have few issues with calling chessboard.js (http://chessboardjs.com). I downloaded API and made new HTML file:

<!DOCTYPE html>
<html>
<head>
  <title>Super chess/title>
  <meta charset="UTF-8"/>
  <script src=":\path-to-js-file\jschessboard-0.3.0.js"></script>
</head>
<body bgcolor="lightgrey">
<div id="board" style="width: 400px"></div>
<script>
var board = new ChessBoard('board', 'start');
</script>
</body>
</html>

I tried to draw chessboard. What I'm doing wrong? Thanks.

Original Q&A

There are 2 answers

**user2928585** · Answer 1 · 2014-12-03 10:59:29

Update:

Tried almost everything, here is my local directory: https://www.dropbox.com/sh/3unwsb8esh9100o/AADHEB8sojQy1PnpLyC8fmSLa?dl=0

I also downloaded jQuery to my local directory, but page still dosen't load. Dev tools in Chrome doesn't import anything. And also tried with xampp (Apache server), because sometimes code doesn't work if you calling it from local directory.

**jgladch** · Answer 2 · 2014-12-01 23:56:07

From what I can tell based on your code and the docs, you're missing two things:

1) Your title tag isn't closed on line 4 of your html file

2) After you've fixed that problem you'll get an error saying "$ isn't defined" in the chessboard.js file. I teased out that JQuery is a dependency for the chessboard.js file. If you include JQuery in your html (either download the file like you've done with chessboard.js or use a CDN).

You should be good after that!!

TechQA.

HTML, calling JS (API)

There are 2 answers

Related Questions in JAVASCRIPT

Related Questions in HTML

Related Questions in CHESSBOARD.JS

Popular Questions

Popular Tags

Trending Questions