2013-10-26 23 views
0

我正在學習HTML 5,我正在嘗試製作自己的胡扯遊戲。fillRect或clearRect在此方法上不起作用

現在的想法是,當按下「重置」按鈕時,所有值將返回到默認值,畫布將被清除。但是當我這樣做時,骰子的圖像仍然在畫布上。

現在我不認爲有什麼撥錯與此:

ctx.fillStyle = "red"; 
ctx.fillRect(0,0,900,900); 

,但是當它在復位法這是行不通的。當我用其他方法將其應用時,

這裏是網站和代碼是在它,如果任何人希望看到:

https://dl.dropboxusercontent.com/u/90543216/index.html

回答

1

的形式環境reset()你可能不調用一個函數。 reset()submit()是模擬<input type="reset">/<input type="submit">的兩個特殊功能。

如果您將reset重命名爲resetGame,則所有內容均按預期工作。但是,您應該擺脫<form>並使用<button>而不是<input type="button">

+0

哇!我本人無法弄清楚。謝謝! :)順便說一下,我一直在遇到這個問題,一些不起作用,我不知道代碼有什麼問題,有時它是一個簡單的類型,但很難看到,因爲你沒有得到'編譯器錯誤'不像其他語言。任何提示或方式正確調試網頁中的JavaScript代碼? –

+1

我通常不會調試JavaScript,但我聽說過關於Firebug和Chrome的調試器的好消息。我通過'reset()'中的'console.log()'發現了你的錯誤,並注意到每次點擊只有一個日誌條目而不是一個日誌條目。 – Zeta

+0

是的,我正在嘗試Firebug,但我不知道如何正確使用它。無論如何,爲什麼我應該使用按鈕標籤?它是HTML5的新約定嗎? –