como sumar con javascript

[djaevi]

Te dejo un pequeño script a ver si te sirve, primero que nada creo una funcion javascript llamada sumar, que recibe por parametro el input donde esta tu numero.

Código Javascript:

function sumar( input ) {
        
        var valor_actual = input.value;
        
        var valor_nuevo = Number(input.value) + 1;
        
        input.value = valor_nuevo;
                
    }
 

El parametro input hace referencia a un objeto html.

Y aca el html:

Código HTML:

<form>
    <input type="text" value="0" id="campo_suma"/>
    <input type="button" onclick="sumar(this.form.elements[0]);" value="Sumar"/>
</form>
 

Como ves es un form con dos elementos, el primero el input donde se modifica el numero y el segundo el boton que llama la funcion javascript sumar.

this.form.elements hace referencia al propio formulario donde esta contenido el boton y el array elements contiene todos los nodos del formulario por lo cual selecciono 0 que es el indice del input de texto.

Tambien podria haber hecho una seleccion por id o por DOM por ejemplo podria haber quedado:

Código HTML:

<input type="button" onclick="sumar( document.getElementById('campo_suma') );" value="Sumar"/>
 

o

Código HTML:

<input type="button" onclick="sumar( this.parentNode.firstChild );" value="Sumar"/>