在你的网站上显示每日谜题
你可以使用以下代码把每日谜题嵌入你的网站或博客:
<div>
<span id="puzzleShortHeader" style="display:block;margin-bottom:4px;font-weight:600"></span>
<a id="puzzleLink" href="https://chesspuzzle.net/zh/Daily">
<img id="puzzleImage" alt="每日谜题" />
</a><br />
<span id="puzzleText" style="display:block;margin-top:4px;font-weight:600"></span>
</div>
<script type="text/javascript">
var request = new XMLHttpRequest();
request.open('GET', 'https://chesspuzzle.net/zh/Daily/Api', true);
request.onload = function () {
if (request.status >= 200 && request.status < 400) {
var result = JSON.parse(request.responseText);
document.getElementById("puzzleText").textContent = result.Text;
document.getElementById("puzzleLink").href = result.Link;
document.getElementById("puzzleImage").src = result.Image;
document.getElementById("puzzleShortHeader").textContent = result.ShortHeader;
// Alternative: show players and site separately
// document.getElementById("puzzlePlayers").textContent = result.Players;
// document.getElementById("puzzleSite").innerHTML = result.Site;
}
};
request.send();
</script>