Button click counter

Status
Niet open voor verdere reacties.
H

haaswijk

Gebruiker
Lid geworden
23 mei 2006
Berichten
139
Hallo allemaal!

Ik probeer simpelweg een teller te maken die de bezoeker laat zien hoe vaak hij op een button heeft geklikt. Dus elke keer wanneer er op de button wordt geklikt, moet de teller zichtbaar +1 erbij tellen.

Ik heb al een script, maar deze werkt helaas niet (teller blijft op nul). Weet iemand wat ik verkeerd doe?

Alvast bedankt!


HTML: 
<html>
<script language="javascript">
var num =0;
function numtimesclicked(){
num = num+1;
}
</script>
<body>
<input type="button" onClick="numtimesclicked()" value="Klik">
<script language="javascript">
document.write(num);
</script>
</body>
</html>
 
Het probleem is dat je de waarde van "num" op de pagina zet met "document.write". Als de pagina eenmaal geladen is doet die niks meer. De waarde van "num" verandert dus wel, maar het wordt niet naar de pagina geschreven. Als je het zo doet werkt het wel (ik heb ook de html wat netter gemaakt):
HTML: 
<html>
<head>
<script type="text/javascript">
var num =0;
function numtimesclicked(){
  num = num+1;
  document.getElementById('numclicked').innerHTML = num;
}
</script>
</head>
<body>
<input type="button" onClick="numtimesclicked()" value="Klik">
<div id="numclicked">
0
</div>
</body>
</html>
 
Nu begrijp ik inderdaad wat ik fout deed. Met "getElementById" en een DIV werkt het wel.

Thank Supersnail, probleem opgelost :thumb: !
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan