-1

HTML と JavaScript でハングマン ゲームを作成しました。

これをローカル マシンで実行すると、完全に動作します。ユーザーがゲームに負けると、という画像lose.pngが表示されます。ユーザーが勝った場合、画像win.pngが表示されます。

さらに、表示する必要がある他の画像は正常に表示されます。しかし、ゲームの最後に表示する必要がある 2 つの画像だけが表示されません。

しかし、これを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 ファイルはここで表示できます -メイン

この HTML ファイルも Twitter Bootstrap を使用します。しかし、それが私が直面している問題と結びついているとは思いません。

4

1 に答える 1