abc123: Mehrere Klickcounter

Hallo,
ich will auf einer Seite mehrere Klickcounter gleichzeitig haben. Habe mir auch schon einen rausgesucht.
Ich dachte, jetzt kannst du den Code einfach kopieren, aber so einfach ist das leider nicht.
Problem ist (in diesem beispiel jetzt zwei Counter):

Wenn ich n-mal klicke, dann zeigt der mir im Feld n an, so wie das sein muss. Wenn ich jetzt aber den zweiten anklicke, dann zählt er im ersten Fenster weiter. Wie kann ich das einstellen, dass beide (und später mehr) seperat bedient werden können?

Vielen Dank für Hilfen!

Hier der Code:

<html>
<body bgcolor="f7d417">
<div align="center">
<br>

<font color="#0057a6">

<img src="logo.png" alt="Willy Betz">
<br>
<h2>Spiel</h2>

Punkte

<table boder="0" cellspacing="20" cellpadding="0"><tr>

<script type="text/javascript">
<!--
function calc(a) {
res=document.getElementById("cnt").value;
res=eval(res)+eval(a);
document.getElementById("cnt").value=res;
}
//-->
</script>

<tr>
<td>EINS
</td>

<td style="text-align:center">
<input readonly style="text-align:center;width:50px" value="0" id="cnt"><br>
<input type="button" style="width:40px" value="+" onclick="calc(1)">
<input type="button" style="width:40px" value="-" onclick="calc(-1)">

</td>
</tr>
<tr>
<td>
ZWEI
</td>

<td style="text-align:center">
<input readonly style="text-align:center;width:50px" value="0" id="cnt"><br>
<input type="button" style="width:40px" value="+" onclick="calc(1)">
<input type="button" style="width:40px" value="-" onclick="calc(-1)">
</table>

<a href="d.html">hgj</a>

</body>

</html>

  1. Eine ID ist eindeutig, du benutzt sie aber mehrfach!

    1. Eine ID ist eindeutig, du benutzt sie aber mehrfach!

      Danke für die Antwort. Daruf bin ich auch schon gekommen, nur weiß ich nicht wie man das ändert.

      <input readonly style="text-align:center;width:50px" value="0" id="cnt"><br>

      in der ersten Zeile steht id="cnt", wenn ich das beim zweiten änder, dann passiert das gleiche, nur in der umgekehrten Reihenfolge.

      Wie lege ich denn einen Wert/Namen oder ID fest, ich habe dazu nichts gefunden?

      Danke

      1. Hi,

        <input readonly style="text-align:center;width:50px" value="0" id="cnt"><br>

        in der ersten Zeile steht id="cnt", wenn ich das beim zweiten änder, dann passiert das gleiche, nur in der umgekehrten Reihenfolge.

        Natürlich, weil deine Funktion ja immer noch nur die id "cnt" verwendet.

        Wie lege ich denn einen Wert/Namen oder ID fest, ich habe dazu nichts gefunden?

        Beschäftige dich mal damit, wie man Funktionen mit Parametern aufruft und diese verwenden lässt.
        http://de.selfhtml.org/javascript/sprache/funktionen.htm

        MfG ChrisB

        --
        RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
        1. guten abend
          danke für die antworten...da ich ja leider nur die göbsten grundkenntnisse habe, ist es schwer, auf selfhtlm zu suchen...ich war in der formulargegend, da war aber nix passendes dabei.

          Ich werde mich morgen mal dransetzen, die links sehen sehr vielversprechend aus. Danke

          Hi,

          <input readonly style="text-align:center;width:50px" value="0" id="cnt"><br>

          in der ersten Zeile steht id="cnt", wenn ich das beim zweiten änder, dann passiert das gleiche, nur in der umgekehrten Reihenfolge.

          Natürlich, weil deine Funktion ja immer noch nur die id "cnt" verwendet.

          Wie lege ich denn einen Wert/Namen oder ID fest, ich habe dazu nichts gefunden?

          Beschäftige dich mal damit, wie man Funktionen mit Parametern aufruft und diese verwenden lässt.
          http://de.selfhtml.org/javascript/sprache/funktionen.htm

          MfG ChrisB

          1. Sehr schön, ich habe es hinbekommen.

            Danke

      2. Wie lege ich denn einen Wert/Namen oder ID fest, ich habe dazu nichts gefunden?

        das steht (natürlich) bei http://de.selfhtml.org/html/attribute/allgemeine.htm#uebersicht@title=SelfHTML