How to display a variable that changes (like a number) within an html page?

Question

Let's say i have a simple page that just contains a button that when clicked adds 1 to a java script num variable:

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;
}

So my question is what would you put into the js to display the "count" varible in the div with the id "output"? do you use innerHTML? Because that doesn't seem to work....

Also, is it possible with or without jQuery?

VisioN · Accepted Answer · 2013-02-10 22:07:41Z

1

Why not? However, you have to note that number increment must be done with count += 1 or shorter count++. In the following example I have used prefix increment to do the calculation before assignment.

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

Additionally, consider initialising numeric variables with its' initial values as described above.

answered Feb 10, 2013 at 22:07

VisioN

146k35 gold badges287 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user2059701 Over a year ago

just tried it and it worked. i see where i screwed up...i didnt tell it to show the variable correctly.

Collectives™ on Stack Overflow

How to display a variable that changes (like a number) within an html page?

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related