incrementar y disminuir numero en javascript

MAIKIKY · #1 (**permalink**) 09/04/2011, 14:49

hola, quisiera saber como incrementar y disminuir un numero al hace un click en 2 botones.

ejemplo:

numero inicial = 1

al hacer click en el boton "agregar":

debe aparecer una casilla de input text mostrando un 2 y al hacer otro click un 3 y asi sucesivamente

y en el boton disminuir : el input debe ir restando el resultado anterior.

Gracias de antemano
Christian.

zerokilled · #2 (**permalink**) 09/04/2011, 15:46

siga el flujograma. si tienes el codigo, aunque con problema, entonces muestrelo para saber lo que llevas hecho.

occiso · #3 (**permalink**) 09/04/2011, 16:03

Hola, quiero aprovechar este post para dos cosas.

1º te respondo. En el evento onclick() del boton realizar el incremento del valor y se lo asignas al input. Algo similar a

Código PHP:

   ... onclick="document.getElementById('elIdQueSea').value = valorAIncrementar++"

2º. Si en el tiempo que te has dedicado a escribir el post lo hubieras buscado por internet en cualquier manual básico ya tendrías la respuesta. Y es una pena que el foro se llene de preguntas elementales que se resuelven leyendo cualquier manual básico.

MAIKIKY · #4 (**permalink**) 09/04/2011, 16:07

este es mi codigo

<html>
<head>
<title>Contador</title>
</head>
<body>
<script language="JavaScript">
var contador=0;
function incrementar() {
if(contador==3)
alert('Maximo permitido alcanzado: 3');
else {
contador++;
alert('El contador ahora vale :' + contador);}
}
function decrementar() {
if(contador==0)
alert('Minimo permitido alcanzado: 0');
else {
contador--;
alert('El contador ahora vale :' + contador);}
}
</script>
<form>
<input type="button" onClick="incrementar()" value="aumentar">
<input type="button" onClick="decrementar()" value="disminuir">
<label>
<input name="textarea" type="text" value=aqui debe ir el valor>
</label>
</form>

lo q necesito hacer es que, aparezca el valor en el campo de input

Muchas gracias

occiso · #5 (**permalink**) 09/04/2011, 16:19

ya lo depuras tú...

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Contador</title>

</head>

<body>

<script language="JavaScript">

var contador=0;

function incrementar() {

if(contador==3)

alert('Maximo permitido alcanzado: 3');

else {

document.caca.muchacaca.value= contador++;

}

}

function decrementar() {

if(contador==0)

alert('Minimo permitido alcanzado: 0');

else {

document.caca.muchacaca.value= contador--;}

}

</script>

<form name="caca">

<input type="button" onClick="incrementar()" value="aumentar">

<input type="button" onClick="decrementar()" value="disminuir">

<label>

<input name="muchacaca" type="text" >

</label>

</form>