2013-10-31 26 views
2

我試圖寫變量「電流」到div「銀行」使用下面的代碼時,圖像上的用戶點擊: document.getElementById('bank').innerHTML = current的JavaScript寫變量div的

根據我的研究,這應該工作,但事實並非如此。這裏是我的代碼:

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <link rel="stylesheet" type="text/css" href="css/default.css"> 
     <script> 
      var current = 0; 
      var totalThisGame = 0; 

      function onButtonClick 
      { 
       current = current +1; 
       totalThisGame = totalThisGame +1; 
       document.getElementById('bank').innerHTML = current; 
      } 
     </script> 
    </head> 
    <body> 
     <div id="left"> 
      <div id="bank"> 
      </div> 
      <img id="image" src="img/image.png" alt="image" onclick=onButtonClick();> 
     </div> 
     <div id="middle"> 
     </div> 
     <div id="right"> 
     </div> 
    </body> 
</html> 

回答

4

你錯過了()的函數後面

function onButtonClick() 
      { 
       current = current +1; 
       totalThisGame = totalThisGame +1; 
       document.getElementById('bank').innerHTML = current; 
      } 

你的代碼是幹活g對我來說很好

+0

謝謝!我忘了使用它們......多麼愚蠢..:p它現在正常工作;) –

+0

@MichaSprengers你也應該接受這個答案。這是StackOverflow的工作原理。 –

+0

我知道,我會,因爲某種原因,我只需等待10分鐘...所以在一分鐘內,這將被接受;)感謝您指出它 –

0

嘗試:

<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();"> 
+0

如果你可以寫你寫的報價,這會讓我們更好地理解你的建議:) – EricG

+0

報價不會改變什麼,,感謝tho –

1

錯誤

change function onButtonClick -> function onButtonClick() 

<img id="image" src="img/image.png" alt="image" onclick=onButtonClick();> to 

<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();"> 
+0

謝謝,幫助!但是,如果我在onclick周圍使用引號,則無關緊要..它可以同時使用兩種方式.. –

0

你的功能定義不好。它應該是function onButtonClick()而不是function onButtonClick。然後使用HTML代碼:<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">

0

您忘記函數括號中

 function onButtonClick() 
     { 
      current = current +1; 
      totalThisGame = totalThisGame +1; 
      document.getElementById('bank').innerHTML = current; 
     } 
0

銀行必須在雙引號: 的document.getElementById( 「銀行」)的innerHTML =電流;

+0

這兩個表示法都是正確的。 – Boaz

0

在HTML始終使用任何功能上的任何事件雙重quotes.Try這

0

內你應該閱讀的控制檯消息,你會發現你的函數是奇數。 注意括號。

function onButtonClick 
{ 

變得

function onButtonClick() 
{ 
0

變化

function onButtonClick to function onButtonClick() 

<img id="image" src="img/image.png" alt="image" onclick=onButtonClick();>

<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();"> 

它會更好,如果你把你的javascript之前身體結束標記或使用window.onload方法