2014-01-17 100 views
0
<!DOCTYPE HTML> 
<html> 
    <body> 
    <button onclick="question++">Increment</button> 
    <script> 
     function test() { 
      var question = 0; 
     } 
    </script> 
    </body> 
</html> 

問題:如何在網頁上將問題顯示爲數字。在JavaScript中顯示變量

由於變量問題不斷變化,我怎樣才能顯示問題,但每次按下遞增按鈕時都會自動更新。

我不知道你是否理解,但希望有人會幫助:) 謝謝!

+0

你不能那樣做,'question'是一個局部變量。 – elclanrs

回答

0

做這樣的事情 -

var question = 0; 

function test() { 

question++; 
document.getElementById('q').innerHTML = question; 
} 

Demo

0

我認爲你正在尋找的東西是這樣的:

http://jsfiddle.net/WxzNN/

HTML

<button onclick="updateQuestion();">Increment</button> 
<p id="questionText">Question 0</p> 

的JavaScript

var question = 0; 

function updateQuestion() { 
    question++; 
    document.getElementById("questionText").innerHTML = "Question " + question; 
} 

關鍵是question正在由您在功能test()scope中聲明。您需要在您的按鈕所運行的JavaScript範圍內定義它:全局範圍。

有關JavaScript的範圍的信息,請看這裏:

http://coding.smashingmagazine.com/2009/08/01/what-you-need-to-know-about-javascript-scope/

0
<button onclick="myFunction()">Click me</button> 
<div id = "question"></div> 

var question = 0; 
function myFunction() { 
return $('#question').html(question++) 
} 
0

不能增加失這樣的範圍變量,你將不得不調用一個函數適當的範圍,這對你來說是正確的,正如其他答案中提到的那樣。

你也可以做的事情(不是我會建議通過其他方法)直接修改問題計數文本,而無需將其鏈接到變量。

<button onclick="document.getElementById('question').innerText++">Increment</button> 

DEMO