View Full Version : Incrementar e decrementar valor de caixa de texto em javascript


moriva
07-05-2008, 14:45
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:

Mavors
07-05-2008, 15:03
Não percebo pq utilizas o nz().

Não está declarada essa função. Se calhar está ai o erro.

moriva
07-05-2008, 15:21
tenta por favor corrigir esse erro e posta o código
obrigado!

Mavors
07-05-2008, 15:51
<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.

moriva
07-05-2008, 16:28
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>

Mavors
07-05-2008, 16:34
<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.

moriva
07-05-2008, 17:14
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!

Mavors
07-05-2008, 17:26
<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.

moriva
07-05-2008, 19:35
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.

hostmake
07-05-2008, 23:50
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 :(

moriva
08-05-2008, 09:14
Acho que este site e mesmo para que coloquemos as nossas duvidas.
Para que genios como tu os resolvam.:)