1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Incrementar e decrementar valor de caixa de texto em javascript

Discussão em 'Web Development' iniciada por moriva, 7 de Maio de 2008. (Respostas: 10; Visualizações: 6990)

  1. 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:
     
  2. Mavors

    Mavors Power Member

    Não percebo pq utilizas o nz().

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

    moriva Power Member

    tenta por favor corrigir esse erro e posta o código
    obrigado!
     
  4. Mavors

    Mavors Power Member

    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.
     
  5. moriva

    moriva Power Member

    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>
     
  6. Mavors

    Mavors Power Member

    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.
     
  7. moriva

    moriva Power Member

    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!
     
  8. Mavors

    Mavors Power Member

    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.
     
  9. moriva

    moriva Power Member

    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.
     
  10. hostmake

    hostmake Power Member

    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 :(
     
  11. moriva

    moriva Power Member

    Acho que este site e mesmo para que coloquemos as nossas duvidas.
    Para que genios como tu os resolvam.:)
     

Partilhar esta Página