[SOLUCIONADO] como sumar con javascript

[felipeagudelo188]

hola a todos,

estoy intentando aumentar el valor de un numérico pero ya agote lo que se y no encontré como, utilizo el bucle for pero me sale varios registros del 1 al 10 solo necesito que se imprima un dato y que al precionar el boton de un formulario este me aumente el numero

en ves de aparecer
1
2
3
4
5
aparezca

1

y que al presionar aumentar del formulario aparezca

2

y así sucesivamente

gracias por sus respuestas

for (i=1;i<=10;i++) {

document.write(i)
}

[Alexis88]

No es necesario un bucle, basta con que incrementes el valor de a uno, un pequeño ejemplo:

Código HTML:

Número: <input type = "text" id = "n" name = "n" size = 1 value = 1 readOnly />
<button id = "sumar">Aumentar</button>
 

Código Javascript:

var boton = document.getElementById("sumar"),
    caja = document.getElementById("n"),
    valor = Number(caja.value);
 
boton.addEventListener("click", function(){
   caja.value = ++valor;
}, false);
 

En el documento, tengo una caja de texto y un botón. En el código JS, tomo ambos elementos, además del valor de la caja que inicialmente es 1. Notarás que aplico la función Number, esto es debido a que todo valor contenido en una caja de texto se le considera como un texto, por lo que no podría tratarlo como un número. Luego, con el método addEventListener, le asigno al botón el evento click para que cuando éste sea pulsado, ejecute la función indicada en el segundo parámetro. En dicha función, le asigno a la caja de texto, el valor actual aumentado en uno. Los signos ++ los coloco a la izquierda del valor a incrementar para que primero se produzca el incremento y luego la asignación a la caja, si los coloco a la derecha, la primera vez que pulse el botón, el valor seguirá siendo el mismo y recién se mostrará el valor incrementado en la segunda pulsación.

Saludos

[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"/>
 

[felipeagudelo188]

Gracias a todos por sus respuestas, me sirvió de maravilla .