ein ganz simpler zähler - kann mir wer helfen?

[lousypoetry]

hallo zusammen!

ich hab (mal wieder) ein kleines problem: ich möchte einen simplen zähler bauen, der per klick auf einen button sich um 1 erhöht und dessen wert in einem feld ausgegeben wird.
mein ansatz ist leider bescheiden, aber ich dachte vielleicht so:

function zaehlen()
 {
  var zaehler = 0;
 zaehler++;
 window.document.zahl.value = zaehler;
 }

leider funktioniert das so nicht, kann mir da jemand helfen? Danke!

[Ronny]

Hi,

kann nicht gehe:

Also, spiel das doch mal in Gedanken durch.

function zaehlen()
 {
  var zaehler = 0;

--> Variable zaehler wird definiert und auf null gesetzt

zaehler++;

--> um eins erhöht, also =1

window.document.zahl.value = zaehler;

--> raus geschrieben

}

Und das passiert genau immer so! Sprich, beim nächsten Aufruf wieder.
Also definiere die Variable doch außerhalb der Funktion.

Grüße,

Ronny

[lousypoetry]

Hi,

Also definiere die Variable doch außerhalb der Funktion.

vielen dank, ist ja auch logisch... wieder was dazugelernt!

[Max]

var zaehler = 0;
function zaehlen()
 {
  zaehler++;
  window.document.zaehler.zahl.value = zaehler;
}

dazu:
<form name="zaehler">
<input type="text" name="zahl">
</form>
<a href="#" onClick="zaehlen();">zählen</a>

... wahlweise statt des Formulars ein DIV nehmen, dann aber auf die verschiedenen DHTML-Techniken achten die bei verschiedenen Browsers notwendig sind um den Inhalt zu ändern (siehe http://selfhtml.teamone.de/dhtml/beispiele/dhtml_bibliothek.htm )

Ansonsten kann man das Textfeld natürlich auch fein mit CSS formatieren und auf READONLY setzen.

HTH,
Max