Como crear boton de calculo?

proypenweb · #1 (**permalink**) 19/05/2014, 08:26

he creado un formulario que tiene varios campos entre ellos precio de cuota e intereses y otro campos que es total,
mi pregunta es como crear un boton para que me calcule el total sumando interes + precio de cuota y coloque el resultado en el campos del total?
gracias

Italico76 · #2 (**permalink**) 19/05/2014, 08:30

Em.... como dices te toca aprender sobre elementos de formulario (FORM... INPUT) y luego puedes hacerlo en PHP o Javascript o PHP+Javascript+JSON (Ajaj)

Si tienes los precios de los articulos en una base de datos... usaras MySQL o PosgreeSQL etc

proypenweb · #3 (**permalink**) 19/05/2014, 08:48

Cita:

Iniciado por Italico76

Em.... como dices te toca aprender sobre elementos de formulario (FORM... INPUT) y luego puedes hacerlo en PHP o Javascript o PHP+Javascript+JSON (Ajaj)

Si tienes los precios de los articulos en una base de datos... usaras MySQL o PosgreeSQL etc

disculpa me confunde tu respuesta, tal vez no te mencione que si se trabajr con formularios y con php, y en cuanto a los campos de input una vez completados se envian a DB sql

Italico76 · #4 (**permalink**) 19/05/2014, 09:05

Entonces no entiendo donde esta el problema ... podrias ser mas especifico porque tu pregunta (la que fuere cuando especifiques) sin animos de ofender (todos fuimos novatos) es bien basica

proypenweb · #5 (**permalink**) 19/05/2014, 09:28

si perdon tal vez no me estoy sabiendo explicar... lo que necesito es un boton dentro de el form que he creado para asi poder calcular precio de cuota + inntreses y que se coloque el resultado dentro del intput del total.
aclaro todos los campos son ingresados por teclado menos el "total" que es lo que pretenodo hacer

Eleazan · #6 (**permalink**) 19/05/2014, 09:39

Buenas, eso sería más bien javascript...

Código Javascript:

Ver originalvar cuota = document.getElementById('cuota').value;
var intereses= document.getElementById('intereses').value;
document.getElementById('total').value = (cuota + intereses);

O algo similar.

De todas formas, sin código, es complicado ayudar.
Y sin ver tus intentos, dificil orientarte

Saludos

gPuon · #7 (**permalink**) 19/05/2014, 09:48

Probablemente no haga falta un botón...

Si conoces un poco de Javascript lo único que tienes que hacer es obtener el valor de los input y almacenarlos en una variable; ejem:

Código Javascript:

Ver originalfunction calcular() {
 
// Así obtenemos el valor que se introdujo en el formulario
var precio = document.getElementById('precio').value;
 
// Después haces la operación que necesites para el calculo y devuelves el resultado al input:
 
// Así devolvemos el resultado al formulario
document.getElementById('resultado').value = resultado;
 
}

Para devolver el resultado existen diferentes opciones, una podría ser:

Código HTML:

Ver original<input type="text" name="precio" id="precio" onKeyUp="calcular();"/>

Todo esto se realiza en tiempo de ejecución gracias a Javascript.

*Justo lo que respondio antes Eleazan

Saludos

proypenweb · #8 (**permalink**) 19/05/2014, 10:09

muchas gracias, creo que con esto ya voy teniendo una idea... saludos

Italico76 · #9 (**permalink**) 19/05/2014, 10:28

Ten en cuenta que hay interes simple y compuesto..... y lo hare como INTERES COMPUESTO ó SIMPLE (ambos) en JS:

Código Javascript:

Ver original<html>
<head>      
<script language="JavaScript">  
    function calcular()
    {
        var precio=  parseFloat( document.getElementById("precio_no_tax").value);   
        var tax = 1+(parseFloat( document.getElementById("tax").value)/100);                    
        var interes= (parseFloat( document.getElementById("interes").value)/100);       
        var cuotas=  parseInt( document.getElementById("cuotas").value);                
        
        var interes_tipo= document.getElementById("interes_tipo").value;
        
        if (interes_tipo =='compuesto')     
            // Calculo el interes como interes *compuesto*
            var interes_total = Math.pow(1+interes,cuotas);
        else        
            // Calculo el interes como interes *simple*
            var interes_total = 1+(interes * cuotas);
            
                
        var total = document.getElementById("total").value = (precio*tax*interes_total)/cuotas;             
    }   
</script>   
</head>
 
 
<body onload="calcular();">
 
<form method="POST" action="tu_script.php" name="form">
<tbody>
 
<tr>
<td>Precio(sin iva):</td>
<td><input type="text" id="precio_no_tax" name="price_notax" value="100" size="5" onkeyup="calcular();"></td>
</tr>
 
<tr>
<td>Cuotas:</td>
<td>
    <select id="cuotas" onchange="calcular();">
        <option value="6" selected>6</option>       
        <option value="12">12</option>
        <option value="36">36</option>
    </select>
        
</td>
</tr>
 
<tr>
<td>Interes %</td>
<td><input type="text" id="interes" value="3" size="1" onchange="calcular();"></td>
</tr>
<tr>
 
<tr>
<td>Tipo interes</td>
<td>
    <select id="interes_tipo" onchange="calcular();">
        <option value="simple" selected>Simple</option>     
        <option value="compuesto">Compuesto</option>        
    </select>
        
</td>
</tr>
 
 
<tr>
<td>Iva:</td>
<td>
    <select id="tax" onchange="calcular();">
        <option value="0" selected>Ninguna</option>
        <option value="16">16</option>
        <option value="30">30</option>
    </select>
        
</td>
</tr>
 
<tr>
<td>Total:</td>
<td><input type="text" name="total" value="" id="total" size="3"></td>
</tr>
 
</body>
 
 
</html>