Javascript innerHTML with form

Question

I am trying to move between pages, but when I try to go to the next page it does not work as expected. When I click it the first time the result is 01 instead of 1, and the second time it becomes 011 instead of 2. What am I doing wrong?

HTML:

<p id='page'>0</p>
<div id='pics'>
    <a href='<?=URL;?>index.php?p=gallery&image=<?=$pic['album_pic_id'];?>'>
        <img class='<?php if($pic['album_pic_id'] == $image) 
            { echo "selected_pic"; } ?>' width='90px' height='60px'
            src='<?=URL;?>images/albums/<?=$pic['album_pic_photo'];?>' />
     </a>
     <a onclick='getElementById("page").value = getElementById("page").value+1;'>
         Pievienot
     </a>
 </div>

Javascript:

window.onload = function() {
    var page = 0;
};

The problem you describe and the code you show don't match up. That code won't ever result in 01 or 011 being displayed. — gilly3
– gilly3, Commented Aug 29, 2012 at 0:38
You should be using a span or button for the A element with the click listener. — RobG
– RobG, Commented Aug 29, 2012 at 0:40

João Silva · Accepted Answer · 2012-08-29 00:25:02Z

4

Use innerHTML and parse its content to an integer with parseInt:

<a onclick='getElementById("page").innerHTML = parseInt(getElementById("page").innerHTML) + 1;'>Pievienot</a>

value only works with form elements such as input.

answered Aug 29, 2012 at 0:25

João Silva

91.8k29 gold badges156 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

Javascript innerHTML with form

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related