Foros del Web - Ver Mensaje Individual

#2 (**permalink**) 07/07/2016, 14:45

Buscas algo como esto?

Código HTML:

Ver original<html>
    <head>
        <script type="text/javascript">
        function add(){
        var elemento1 = document.createElement('input');
        elemento1.type = "text";
        elemento1.setAttribute("name", "precio");
        
        var elemento2 = document.createElement('input');
        elemento2.type = "text";
        elemento2.setAttribute("name", "cantidad");
        
        var elemento3 = document.createElement('br'); 
        
        var contener = document.getElementById('contener');
        
        contener.appendChild(elemento1);
        contener.appendChild(elemento2);
        contener.appendChild(elemento3);
        }
        
        function suma(){
        var total = 0;
            for(k=0;k<document.getElementsByName("precio").length;k++){
            total += parseInt(document.getElementsByName("precio")[k].value)*parseInt(document.getElementsByName("cantidad")[k].value);
            }
        document.getElementById("total").innerHTML = total;
        }
        
        </script>
    </head>
    <body>
    
    <input type="button" onclick="suma();" value="sumar todo" /> Suma: <span id="total"></span><br/>
    
    <input type="button" value="Agregar +" onclick="add();"/><br/>
    Precio/cantidad
        <div id="contener"></div>   
    </body>
</html>