Botões Mais e Menos, adicionando/removendo itens, e calculando valor automaticamente

Bom.. bem simples e básico..

porém fica de exemplo, para quem precisar.

<html>
<head>
<script type="text/javascript">
function id( el ){
        return document.getElementById( el );
}
window.onload = function(){
        id('mais').onclick = function(){
                id('format').value = parseInt( id('format').value )+1;
                
                id('total').value = 20*id('format').value;
        }
        id('menos').onclick = function(){
                if( id('format').value>0 )
                        id('format').value = parseInt( id('format').value )-1;
                
                id('total').value = 20*id('format').value;
        }
}       
</script>
</head>
<body>
        <input type="button" name="mais" id="mais" value="+" />
        <input type="button" name="menos" id="menos" value="-" />
        
        <br />
        Formatacao <input type="text" name="format" value="0" id="format" size="2" /> x 20,00
        
        <br /><br />
        Total: <input type="text" name="total" id="total" value="" />
</body>
</html>

É isso ai, só mais um script rápido que criei para responder uma dúvida no fórum.

1 Comment

  1. Muito bom cara, obrigado, ajudou muito!

Deixe uma resposta

Your email address will not be published.

*