Javascript显示错误和页面重新加载问题

Question

所以这次我的项目是创建一个针对AI的tic tac toe游戏，它将跟踪玩家，计算机和绘图所赢得的游戏数量。我的问题是，当计算机或玩家获胜或有平局时，它不会添加到赢/输/抽奖，而是每次显示[对象HTMLElement]后跟1。

此外，当我只想清除棋盘时，开始新游戏会重新加载页面。这也重置了我不想要的赢/输/抽奖次数。

https://jsfiddle.net/e0z632pz/

a32

我认为这尤其是问题所在。修复一个将是完美的，因为我可以弄清楚其余的。

（注意：我有这个用于拖放工作，但是我无法让它在jsfiddle上工作所以我把它改成了一个可点击的游戏，因为那不是我的问题，所以忽略图像框。）

（注意2：我知道这可能很简单，但我已经很长时间都醒了......哈哈）

谢谢！

Answer 1

你在哪里设置playerWin？

我怀疑你正在做这个var playerWin = document.getElementById("playerWin");，它将变量设置为HTMLElement。

Answer 2

您有一个location.reload可以在新游戏中重新加载页面。而且玩家无法在任何地方定义并且没有初始值。也许声明它并将其设置为0以开始？

<强>更新

要将所有图像移回拖动框，您可以执行此类操作

$('.ximage').each(function(){
    $('.dragbox').append($(this));
});

您必须为图片添加ximage类。现在他们把它作为id。 Id通常被认为是独一无二的。