Incrementar e decrementar valor de caixa de texto em javascript

moriva

moriva

Power Member
Queria incrementar um valor de uma caixa de texto em uma unidade através de botões de comando mas que mostra-se o valor nessa caixa de texto consoante o valor for incrementado.
Vou postar o código que tenho que dá ERRO.

<html>
<head>
<script language="Javascript">
function mais1 () {
me.textgol = nz(textgol)+1
}
</script>
<script language="Javascript">
function menos1 () {
me.textgol = nz(textgol)-1
}
</script>
</head>
<body>
<form name="me">
<center><input type="button" name="botaomais" value='+' onclick='mais1()'>
<input type="button" name="botaomenos" value='-' onclick='menos1()'>
<input type="text" size="5" name="textgol" value="0">
</form>
</body>
</html>

Espero que tenham percebido. Obrigado!:001:
 
Código: 
<html>
<head>
        <script language="Javascript">
        function mais1 () {
        me.textgol.value = textgol.value+1
        }
        function menos1 () {
        me.textgol.value = textgol.value-1
        }        
        </script>        
</head>
<body>
        <form name="me">
        <center><input type="button" name="botaomais" value='+' onclick='mais1()'>
        <input type="button" name="botaomenos" value='-' onclick='menos1()'>
        <input type="text" size="5" name="textgol" value="0">     
        </form>
</body>
</html>

Não testei.
Vê se é isso.
 
a minha ideia é mostrar o valor na caixa de texto o meu código ta assim mas não mostra o que eu quero.
A unica alteração foi a variavel resultado.vejam isso para mim por favor!


<html>
<head>
<script language="Javascript">
function mais1 () {
var resultado
me.textgol.value = textgol.value+1
resultado = textgol.value
}
function menos1 () {
var resultado
me.textgol.value = textgol.value-1
resultado = textgol.value
}
</script>
</head>
<body>
<form name="me">
<center><input type="button" name="botaomais" value='+' onclick='mais1()'>
<input type="button" name="botaomenos" value='-' onclick='menos1()'>
<input type="text" size="5" name="textgol" value=<?php echo $resultado;?>>
</form>
</body>
</html>
 
Código: 
<html>
<head>
        <script language="Javascript">
        function mais1 () {
        me.textgol.value = parseInt(me.textgol.value)+1;
        }
        function menos1 () {
        me.textgol.value = parseInt(me.textgol.value)-1;
        }        
        </script>        
</head>
<body>
        <form name="me">
        <center><input type="button" name="botaomais" value='+' onclick='mais1()'>
        <input type="button" name="botaomenos" value='-' onclick='menos1()'>
        <input type="text" size="5" name="textgol" value="0">     
        </form>
</body>
</html>
Já funciona.
 
era mesmo isso que eu queria.
Apenas um pequeno pormenor de que a decrementação não pode ser negativa ou seja não passa abaixo de zero.
podem me ajudar nesse aspecto.OBRIGADO!
 
Código: 
<html>
<head>
        <script language="Javascript">
        function mais1 () {
               me.textgol.value = parseInt(me.textgol.value)+1;
        }
        function menos1 () {
              var dec = parseInt(me.textgol.value);
              if (dec<=0){
                   me.textgol.value=0;
              }else{
                   me.textgol.value=dec-1;
              }
        }        
        </script>        
</head>
<body>
        <form name="me">
        <center><input type="button" name="botaomais" value='+' onclick='mais1()'>
        <input type="button" name="botaomenos" value='-' onclick='menos1()'>
        <input type="text" size="5" name="textgol" value="0">     
        </form>
</body>
</html>

Esse código não está nada optimizado, mas funciona.
Mas tens que perceber o que estás a fazer, senão não tem propósito nenhum.

Espero ter ajudado.
 
Era mesmo isto que eu queria.Muito Obrigado.
Vou esclarecer o que pretendo com isto. Tou a fazer um site dinãmico em php/javascript com base de dados mysql para um projecto da escola.Esse trabalho consiste na recolha de valores desportivos durante um jogo e com esta função incrementaria ou decrementaria o resultado da (s) equipa(s) em tempo real.
Espero que tenham percebido a sua finalidade.Obrigado po tudo.:-D
Outra coisa o código não ira ser so este eu vou implementa-lo no projecto mas não como esta agora.
 
Mavors, é bom o teu espírito.

Mas não devias ter dito as respostas assim de mão beijada, claramente este rapaz não deve voltar a por cá os pés tão cedo a não ser que precisa que lhe postem código :(
 
Mavors disse:
Código: 
<html>
<head>
        <script language="Javascript">
        function mais1 () {
               me.textgol.value = parseInt(me.textgol.value)+1;
        }
        function menos1 () {
              var dec = parseInt(me.textgol.value);
              if (dec<=0){
                   me.textgol.value=0;
              }else{
                   me.textgol.value=dec-1;
              }
        }       
        </script>       
</head>
<body>
        <form name="me">
        <center><input type="button" name="botaomais" value='+' onclick='mais1()'>
        <input type="button" name="botaomenos" value='-' onclick='menos1()'>
        <input type="text" size="5" name="textgol" value="0">    
        </form>
</body>
</html>

Esse código não está nada optimizado, mas funciona.
Mas tens que perceber o que estás a fazer, senão não tem propósito nenhum.

Espero ter ajudado.
Clicar para expandir...

A função de somar a quantidade esta perfeita, so preciso fazer somar como o valor e jogar no carrinho. Alguem pode me ajudar?
 
Samruiz disse:
A função de somar a quantidade esta perfeita, so preciso fazer somar como o valor e jogar no carrinho. Alguem pode me ajudar?
Clicar para expandir...
Padeouro.jpg
 
Inicie sessão ou registe-se para poder participar.
Back
Topo