Google云端硬盘 - 提供资源路径

Question

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

当我在本地计算机上运行时，它运行正常。当用户输掉游戏时，会显示名为lose.png的图像。如果用户获胜，则显示图像win.png。

此外，需要显示的其他图像也能正常显示。但是只显示游戏结束时需要显示的两个图像。

但是当我将其上传到Google云端硬盘然后尝试从那里播放时，其他部分完全正常，但最后一次更改为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云端硬盘运行文件时，图片不会更改。

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

可以在此处查看HTML文件 - Main

此HTML文件也使用Twitter Bootstrap。但我不认为这与我所面临的问题有关。

Answer 1

在您选择的任何网络浏览器中打开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