Question

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

问题：如何在网页上将问题显示为数字。

由于变量问题不断变化，我如何显示问题，但每次按下递增按钮时都会自动更新。

我不知道你是否理解，但希望有人帮助:) 谢谢！

Answer 1

我认为你正在寻找这样的东西：

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函数scope中声明了test()。您需要在按钮运行的javascript可用范围内定义它：全局范围。

有关javascript范围的信息，请参阅此处：

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

Answer 2

做这样的事情 -

var question = 0;

function test() {

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

Demo

Answer 3

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

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

Answer 4

你不能像这样增加超出范围的变量，你必须调用一个具有适当范围的函数，为你做这个，就像在其他答案中提到的那样。

你还能做什么（不是我建议用另一种方法）是直接修改问题计数文本，而不将其链接到变量。

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

DEMO

在JavaScript中显示变量

4 个答案: