cm-chessboard-mini-games
Version:
Mini games as extensions for the cm-chessboard
34 lines (31 loc) • 1.01 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/styles/screen.css"/>
<title>Document Title</title>
<script type="importmap">
{
"imports": {
"cm-chessboard/": "./node_modules/cm-chessboard/",
"src/": "./src/"
}
}
</script>
</head>
<body class="auto-dark-mode">
<h1>Eight Queens Puzzle</h1>
<p>Place eight queens on the chessboard so that no two queens attack each other.</p>
<div class="board board-eight-queens"></div>
<script type="module">
import {Chessboard} from "cm-chessboard/src/Chessboard.js"
import {EightQueens} from "src/EightQueens.js"
new Chessboard(document.querySelector(".board-eight-queens"), {
assetsUrl: "../node_modules/cm-chessboard/assets/",
style: {showCoordinates: true},
extensions: [{class: EightQueens}]
})
</script>
</body>
</html>