Please Help With Simple Counter

[realife]

Hello PHP...

 

Let's say i have a button, and below that i have a number which counting the clicks on the button, for example

 

<input type="submit" value="Add Click" />  <br>
So far = 12 Clicks

 

How can i set it that onclick it will add more to the number ( of course without refreshing the page ) ?

[Manixat]

Assign a variable, and increase it by 1 everytime the button is clicked

Edited November 18, 2012 by Manixat

[Andy123]

My Javascript is a little rusty, but try something like this:

 

<script type="text/javascript">
var counter = 0;

function increase() {
counter++;

return false;
}
</script>

<input type="submit" value="Add Click" onclick="increase()" />

[realife]

The code is not right...

 

I know how to count,

I need to print the number everytime you clicking on the button without refreshing the page.

[Andy123]

That is not exactly what you wrote. ;-)

 

<script type="text/javascript">
var counter = 0;

function increase() {
counter++;

document.getElementById('click_count').innerHTML = 'You have clicked ' + counter + ' times.';

return false;
}
</script>

<input type="submit" value="Add Click" onclick="increase()" />
<div id="click_count">You have clicked 0 times.</div>

[realife]

Nice!!

 

Thanks so much..

Now i need to figured it out how each user can click just once...

 

Thanks Again!

[Andy123]

You are welcome. You could do like this:

 

<script type="text/javascript">
var counter = 0;

function increase() {
if (counter < 1) {
counter++;

document.getElementById('click_count').innerHTML = 'You have clicked ' + counter + ' times.';
}

else {
document.getElementById('click_count').innerHTML = 'You are not allowed to click anymore.';
}

return false;
}
</script>

<input type="submit" value="Add Click" onclick="increase()" />
<div id="click_count">You have clicked 0 times.</div>