counter for stream

<body bgcolor="000">
<font face="Arial"><table id="tab" border=0 style="color:white;"></table></font>

<script>
var names = ["Cards", "Dupes", "Misses"];
for (var i = 0; i < names.length; i++){
   var s = "<tr><td>" + names[i];
   s += "<tr><td width=\"100\"><font size=\"+3\"><div id=\"c" + i + "\"></div></font>";
   s += "<td><input type=\"button\" value=\"+\" onclick=\"inc(" + i + ",1);\"/>";
   s += "<td><input type=\"button\" value=\"-\" onclick=\"inc(" + i + ",-1);\"/>";
   document.getElementById("tab").innerHTML += s;
}

var counters = [0, 0, 0];
function inc(i,j){
   counters[i] += j;
   for (var n = 0; n < names.length; n++){
      document.getElementById("c" + n).innerHTML = "&nbsp;&nbsp;&nbsp;"+counters[n];
   }
}

inc(0,0);
</script>