2013-08-26 112 views
-1

我用HTML和JavaScript創建了一個Hangman遊戲。Google Drive - 提供資源路徑

當我在本地機器上運行它時,它完美地工作。會發生什麼情況是,當用戶輸掉遊戲時,會顯示一個名爲lose.png的圖像。如果用戶獲勝,則顯示圖像win.png

更重要的是,需要顯示的其他圖像顯示正常。但是隻有在遊戲結束時需要顯示的兩個圖像纔會顯示。

但是,當我將此文件上傳到Google Drive並嘗試從此播放時,其他部分完全正常,但最後一張影像更改爲win.pnglose.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的引導。但我不認爲這與我所面臨的問題有關係。

+0

檢查圖像的路徑,將其改爲相對 – Ognjen

+1

打開JavaScript控制檯任何網頁您選擇的瀏覽器。尋找錯誤 - 顯然你沒有糾正資源的路徑(即URI)。 – GLES

+0

路徑是相對的。請至少通過代碼。 – IcyFlame

回答

0

在您選擇的任何Web瀏覽器中打開JavaScript控制檯。尋找錯誤 - 顯然你沒有糾正資源的路徑(即URI)。

這是你在Chrome控制檯發現錯誤:

Console


這是錯誤 - 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

+0

我做到了。那裏沒有顯示錯誤。請注意,我在JS中完成了一些編碼,所以你不需要告訴我這樣的基本事情。 – IcyFlame