-1

我用 HTML 和 JavaScript 创建了一个 Hangman 游戏。

当我在本地机器上运行它时，它运行良好。发生的情况是，当用户输掉游戏时，会显示一个名为的图像lose.png。如果用户获胜，则win.png显示图像。

此外，其他需要显示的图像显示良好。但是只有在游戏结束时需要显示的两张图片没有显示。

但是当我把它上传到谷歌驱动器然后尝试从那里播放时，其他部分完全没问题，但最后一张图像改变win.png或lose.png没有发生。

完整的代码可在此处获得 - hangman。

不起作用的代码部分是：

if(score === wordIs.length) {
    document.getElementById("respimg").setAttribute("src","img/win.png");
    alert("You won the game!!\nA new game has been started.");
    return true;
}
if(attrem <= 0) {
    document.getElementById("respimg").setAttribute("src","img/lose.png")
    alert("Your attempts are over.\nYou lost the game.\nThe word you were trying to guess was:\"" + wordIs + "\"");
    return true;
}

在上面的代码中：

  1. attrem是剩余的尝试次数
  2. wordIs是用户要猜的词

请注意，警报语句运行良好。但是当文件从 Google Drive 运行时，图像不会改变。

但是当我在本地机器上运行它时，图像就会改变。

可以在此处查看 HTML 文件 -主要

此 HTML 文件还使用 Twitter Bootstrap。但我认为这与我面临的问题无关。

4

1 回答 1

0

在您选择的任何网络浏览器中打开 JavaScript 控制台。查找错误 - 很明显您没有更正资源的路径（即 URI）。

这是您在 Chrome 控制台中发现错误的地方：

安慰

这是错误 -Failed to load resource: the server responded with a status of 404 (Not Found) https://googledrive.com/host/0B7M-r5gOz6CVYmQwaGNkaC1xM1k/js/twitter-bootstrap-2.2.2/bootstrap.min.js

于 2013-08-26T11:43:59.170 回答