如何在html页面中显示更改的变量(如数字)?

时间:2013-02-10 22:05:36

标签: javascript html html5

假设我有一个简单的页面,其中只包含一个按钮,单击该按钮会将1添加到java脚本num变量中:

HTML:

<body>
<div>
<button type="button" onclick="someFunction()">Clicking here adds 1 to the "count" variable</button>
</div>
<br>
<div id="output"></div>
</body>

使用Javascript:

var count = new num;

someFunction() {
    count =+ 1;
}

所以我的问题是你会在js中使用id“output”在div中显示“count”变量?你使用innerHTML吗?因为这似乎不起作用....

此外,是否可以使用或不使用jQuery?

1 个答案:

答案 0 :(得分:1)

为什么不呢?但是,您必须注意,必须使用count += 1或更短count++来完成数字增量。在下面的例子中,我使用了前缀增量来在赋值之前进行计算。

var count = 0;
function someFunction() {
    document.getElementById("output").innerHTML = ++count;
}

此外,考虑使用如上所述的初始值初始化数值变量。