abc123: Mehrere Klickcounter

Beitrag lesen

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>