Supongo que esperas obtener un resultado similar a este:
Simplemente, ten en un elemento contenedor a los elementos en los que se mostrarán las cifras y en otro a los elementos que al darles clic, provocarán un incremento en el valor que se muestra en las primeras. Esta sería una forma que tranquilamente puede generalizarse.
Código Javascript
:
Ver originalvar a = document.getElementById("a"),
b = document.getElementById("b"),
sumA = document.getElementById("sumA"),
sumB = document.getElementById("sumB");
sumA.addEventListener("click", function(){
if (a.innerHTML < 100) a.innerHTML = Number(a.innerHTML) + 1;
}, false);
sumB.addEventListener("click", function(){
if (b.innerHTML < 100) b.innerHTML = Number(b.innerHTML) + 1;
}, false);
Para este ejemplo, no utilizo formularios, imágenes ni cajas de texto, simplemente uso dos
<div>, dos
<span> y dos
<label>, a los cuales les asigno identificadores con los cuales los tomaré. Enseguida, asigno una función por cada vez que se de un clic en cada
<span> y evalúo el valor del
<label> que le corresponda; si éste es menor a 100, le aumento en uno su valor, caso contrario, queda como está.
Saludos