Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

fernandolk

Codigo Multiplicação JavScript

Por , em Javascript

Recommended Posts

fernandolk    0

fernandolk
Postado

Boa Tarde.

criei um script para fazer a multiplicação entre 2 campos do meu formulário. Estava funcionando bem, porem ontem fiz umas alterações no meu código HTML e esse script de multiplicação não está mais funcionando, sei que o script está correto pois funcionava, gostaria que vocês dessem uma olhada em ambos os códigos para me ajudar a deixar funcionando de novo.

Obrigado.

 

Código Javascript:

function id(el) {
    return document.getElementById(el);
}
function total(un, qnt) {
    return parseFloat(un.replace(',', '.'), 10) * parseFloat(qnt.replace(',', '.'), 10);
}
window.onload = function () {
    id('litros').addEventListener('keyup', function () {
        var result = total(this.value, id('vallts').value);
        id('total').value = String(result.toFixed(2)).formatMoney();
    });

    id('vallts').addEventListener('keyup', function () {
        var result = total(id('litros').value, this.value);
        id('total').value = String(result.toFixed(2)).formatMoney();
    });
}

String.prototype.formatMoney = function () {
    var v = this;

    if (v.indexOf('.') === -1) {
        v = v.replace(/([\d]+)/, "$1,00");
    }

    v = v.replace(/([\d]+)\.([\d]{1})$/, "$1,$20");
    v = v.replace(/([\d]+)\.([\d]{2})$/, "$1,$2");
    v = v.replace(/([\d]+)([\d]{3}),([\d]{2})$/, "$1.$2,$3");

    return v;
};

Formulário HTML:

<html>
    <head>
        <meta http-equiv="content-type" content="text/html, charset = utf-8">
    </head>
    <body>
        <div id ="div_cad_aba">
            <form action="aba_verifica.php" method="POST" >
                <script type="text/javascript" src="aba_calcula.js"></script>
                <table id="table_cad_aba">
                    <tr>
                        <td>Litros</td>
                        <td><input type ="number" name="litros" id="litros"></td>
                    </tr>
                    <tr>
                        <td>Valor do litro:</td>
                        <td><input type ="number" name="vallts" id="vallts"></td>
                    </tr>
                    <tr>
                        <td>total</td>
                        <td><input type ="number" name="total" id="total"></td>
                    </tr>
                    <tr>
                        <td>km</td>
                        <td><input type ="number" name="km" id="km"></td>
                    </tr>    
                    <tr>
                        <td>data</td>
                        <td><input type ="date" name="data" id="data"></td>
                    </tr>  
                    <tr>
                        <td><input type="submit" value="Efetuar Cadastro" name="enviar"></td>
                    </tr>
                    Insira as informações para efetuar o cadastro.
                </table>
            </form>
        </div>
    </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ultrads    0

Ultrads
Postado

Ola amigo beleza? estou precisando de um código tipo esse mais não manjo nadica de java.... eu usei o seu codigo no meu formulario e esta funcionando direitinho mais eu gostaria de alterar uma coisinha não sei se é dificil ou simples mais eu gostaria que al inves de ele multiplicar ele dividir o valor 1 com o valor 2, esses valores eu coloquei dentro de um select com value="1" value="2" ex... e quero que ele divida o valor com o outro form.... desde ja agradeço muito obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito