如何集成 chess.js 和 chessboard.js？答案

【问题标题】：How can I integrate chess.js and chessboard.js?如何集成 chess.js 和 chessboard.js？
【发布时间】：2018-05-15 13:19:14
【问题描述】：

我正在尝试整合Chess.js 和Chessboard.js，但在此过程中遇到了一些问题。我已经成功下载了Chessboard.js，解压文件夹并在其中创建了一个名为index.html 的文件，如下所示：

<html>
<head>
    <title>Chess Match</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="board" style="width: 400px"></div>
    <script type="text/javascript">
        var board = ChessBoard('board');
    </script>
</body>
</html>

这证明库工作正常。现在我想集成Chess.js 库，以便按照this integration page 中的描述进行随机匹配。

我该怎么做？

首先我需要安装 Chess.js，所以我下载了 repo 并将 chess.js 和 chess.min.js 文件放在了 js 文件夹中，但我不确定我应该如何从这里开始。你有什么想法吗？

【问题讨论】：

你实际上并没有调用chess.js文件
您链接到的示例有一些代码。您是否尝试将其复制到您的文件中？
多个脚本被加载到你放置<script src"..标签的位置，它们的代码可以使用之前加载的脚本中的代码。只需先加载库，然后再加载您的代码。

标签： javascript html chess chessboard.js

【解决方案1】：

添加 <script src="js/chess.js"></script> 到您的文件中。

【讨论】：

是的，这很简单，但是我如何集成代码以进行随机移动呢？
好的，我解决了。当然，我也放置了它，但我调用了从错误位置移动的脚本。