Display a counter variable with JS

Question

I have a rotating slide show I'm working on that uses Javascript. I use a counter in the function, and I want to display the value of the counter each time the image changes. (so it will say "viewing i of x pictures")

I tried using

<script language="javascript" type="text/javascript">document.write(i);</script>

but it only displays the value of i when the page loads, and it won't update each time i increases. Is there something better than document.write(i) that will update each time i increases or decreases?

possible duplicate of What is the correct way to write HTML using Javascript? And apart from using DOM methods, as specified in the answers of the linked question, the language attribute of the script element has been deprecated. — Marcel Korpel
– Marcel Korpel, Commented Aug 20, 2010 at 16:38

donohoe · Accepted Answer · 2011-09-06 20:29:44Z

4

In your HTML, instead of the above SCRIPT tag have something like this:

<div id="counter"></div>

In your Javascript function where the counter value updates, have the following line:

document.getElementById('counter').innerHTML = i;

edited Sep 6, 2011 at 20:29

answered Aug 20, 2010 at 17:29

donohoe

14.2k4 gold badges40 silver badges61 bronze badges

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

Comments

CrayonViolent · Accepted Answer · 2010-08-20 16:40:11Z

2

wrap the value in a div or span or something similar and include an id attribute. When the image changes, increment i and update the document.getElementById('dividhere').innerHTML with i

answered Aug 20, 2010 at 16:40

CrayonViolent

32.6k6 gold badges61 silver badges80 bronze badges

Collectives™ on Stack Overflow

Display a counter variable with JS

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related