innerhtml

[dreamwest]

Im trying to get an innerhtml value to increment by 1

 

<script>
function up(){
document.getElementById("cnt").innerHTML = document.getElementById('cnt') + 1;
}
</script>

<span id='cnt'>0</span>
<span style='cursor:pointer;' onclick='up(); '>Go up</span>

 

[gristoi]

the innerHTML needs converting into  an Integer / Float etc before a mathimatical function can be performed.

Try:

<script>
function up(){
var field = document.getElementById("cnt").innerHTML;
var value1  = parseInt(field);
 document.getElementById("cnt").innerHTML =value1 +1;

}
</script>

<span id='cnt'>0</span>
<span style='cursor:pointer;' onclick='up(); '>Go up</span>

[dreamwest]

sweet! Thanks