Ir para conteúdo

POWERED BY:

Arquivado

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

Maruen Ghadban

ClassName

Por , em Javascript

Recommended Posts

Maruen Ghadban    0

Maruen Ghadban
Postado

Eae galeraa, sou novo aki e to precisando de ajuda nesse problema:

 

Tenho que criar 6 input para por valor unitario de um produto, 6 input para a quantidade, 6 botoes, e 6 input para o total.

 

entao pego o 1 input valor unitario e multiplico pelo input de unidade, e ao ser clicado no botão o valor da conta de cada input tem q ir par o input total, a unica coisa que falta para mim é alguma ligação q ta faltando! mas nao sei qual é!

 

olhem o codigo js:

window.onload=ini;

function ini(){

var w=document.getElementsByClassName('botao');
var x=document.getElementsByClassName('valor');
var y=document.getElementsByClassName('quantidade');
var z=document.getElementsByClassName('total');

for (var i=0;i<=6;i++) {
w[i].onclick=function(){

// se eu colocar um alert, qq coisa funciona, mas agr preciso de um jeito para pegar os valores la
// debaixo e por no input total! 

}
}
}

x[i].value;
y[i].value;
z[i].value=x[i]*y[i];
return(z[i]);

Compartilhar este post

Link para o post
Compartilhar em outros sites

paulojuchem    20

paulojuchem
Postado

eu sei que isso nao resolve tue problema, mas vc ja vai ter uma ideia +- de como funciona

 

<html>
    <head>

        <script type="text/javascript">

            window.onload = function(){

                var tbl_main_body = document.getElementById("tbl-main-body");

                var checkIntValue = function(val){

                    try{

                        return parseInt(val);

                    } catch(e){

                        return 0;

                    }

                }

                var generate_combo = function()
                {

                    var tr = document.createElement("tr");
                    var td0 = document.createElement("td");
                    var td1 = document.createElement("td");
                    var td2 = document.createElement("td");
                    var td3 = document.createElement("td");

                    var ipt_vlr_unitario     = document.createElement("input");
                    var ipt_quantidade        = document.createElement('input');
                    var btn_gerar_vlr_tot     = document.createElement('input');
                    var ipt_vlr_total         = document.createElement('input');

                    ipt_vlr_unitario.setAttribute("type" , 'text');
                    ipt_quantidade.setAttribute("type" , 'text');
                    btn_gerar_vlr_tot.setAttribute("type" , 'button');
                    ipt_vlr_total.setAttribute("type" , 'text');

                    ipt_quantidade.value = 0;
                    ipt_vlr_total.value = 0;
                    ipt_vlr_unitario.value = 0;
                    btn_gerar_vlr_tot.value = "gerar";

                    btn_gerar_vlr_tot.onclick = function(){

                        ipt_vlr_total.value = checkIntValue(ipt_vlr_unitario.value)*checkIntValue(ipt_quantidade.value);

                    }

                    td0.appendChild(ipt_vlr_unitario);
                    td1.appendChild(ipt_quantidade);
                    td2.appendChild(btn_gerar_vlr_tot);
                    td3.appendChild(ipt_vlr_total);

                    tr.appendChild(td0);
                    tr.appendChild(td1);
                    tr.appendChild(td2);
                    tr.appendChild(td3);

                    tbl_main_body.appendChild(tr);

                }

                for(var i = 0;i < 6; i++)
                {

                    generate_combo();

                }

            }

        </script>

    </head>

    <body>

        <table id="tbl-main">
            <thead>
                <tr>
                    <th>vlr unit</th>
                    <th>quantidade</th>
                    <th></th>
                    <th>vlr toral</th>
                </tr>
            </thead>
            <tbody id="tbl-main-body">
            </tbody>
        </table>

    </body>
</html>

 

cria um arquivo html e testa para voce ver o que isso faz

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