我用HTML和JavaScript創建了一個Hangman遊戲。Google Drive - 提供資源路徑
當我在本地機器上運行它時,它完美地工作。會發生什麼情況是,當用戶輸掉遊戲時,會顯示一個名爲lose.png
的圖像。如果用戶獲勝,則顯示圖像win.png
。
更重要的是,需要顯示的其他圖像顯示正常。但是隻有在遊戲結束時需要顯示的兩個圖像纔會顯示。
但是,當我將此文件上傳到Google Drive並嘗試從此播放時,其他部分完全正常,但最後一張影像更改爲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;
}
在上面的代碼:
attrem
是剩餘wordIs
嘗試的次數是由被猜出的字用戶
請注意,警報語句是工作得很好。但是當文件從Google雲端硬盤運行時,圖片不會更改。
但是,當我在我的本地機器上運行它,然後圖像更改。
的HTML文件可以在這裏查看 - Main
這個HTML文件也使用Twitter的引導。但我不認爲這與我所面臨的問題有關係。
檢查圖像的路徑,將其改爲相對 – Ognjen
打開JavaScript控制檯任何網頁您選擇的瀏覽器。尋找錯誤 - 顯然你沒有糾正資源的路徑(即URI)。 – GLES
路徑是相對的。請至少通過代碼。 – IcyFlame