mostrar datos en div

sarrhen · #1 (**permalink**) 18/06/2015, 06:36

Estoy haciendo un formulario que en base aun monto global se realizan los descuentos yo lo estoy haciendo del lado del cliente este es el codigo

Código Javascript:

Ver original<html>
<head> SUMA DE 2 NUMEROS</head>
<body>
<script>
function fncSumar(){
caja=document.forms["sumar"].elements;
var monto = Number(caja["monto"].value);
//Calculos de Gastos de otorgamiento
var gasto1personal = (monto * 1.50) / 100;
var gasto2personal = (gasto1personal * 13) /100;
var gastosTotal = (gasto1personal+ gasto2personal);
//Calculo de Seguro de Deuda
 
var seguroDeuda = (monto * 0.072)/100;
 
var Honorarios
var valorHonorario
 
 Honorarios= monto;
if ( Honorarios >= 600 &&  Honorarios<= 1200) {
  valorHonorario = 22.86;
}
if ( Honorarios >= 1201 &&  Honorarios<= 1800) {
  valorHonorario = 34.29;
}
if ( Honorarios >= 1801 &&  Honorarios<= 2300) {
 valorHonorario = 45.71;
}
if ( Honorarios >= 2301 &&  Honorarios<= 2900) {
  valorHonorario = 51.43;
}
if ( Honorarios >= 2901 &&  Honorarios<= 3500) {
   valorHonorario = 57.14;
}
if ( Honorarios >= 3501 &&  Honorarios<= 4000) {
  valorHonorario = 62.86;
}
if ( Honorarios >= 4001 &&  Honorarios<= 4600) {
  valorHonorario = 68.57;
}
if ( Honorarios >= 4601 &&  Honorarios<= 4900) {
 valorHonorario = 71.43;
}
if ( Honorarios >= 4901 &&  Honorarios<= 5200) {
 valorHonorario = 74.29;
}
if ( Honorarios >= 5201 &&  Honorarios<= 5400) {
 valorHonorario = 77.14;
}
if ( Honorarios >= 5401 &&  Honorarios<= 8900) {
 valorHonorario = 80.00;
}
if ( Honorarios >= 8901 &&  Honorarios<= 13000) {
 valorHonorario = 85.00;
}
if ( Honorarios >= 13001 &&  Honorarios<= 20000) {
 valorHonorario = 95.00;
}
if ( Honorarios >= 20001 &&  Honorarios<= 23000) {
 valorHonorario = 105.00;
}
if ( Honorarios >= 23001 &&  Honorarios<= 25000) {
 valorHonorario = 120.00;
}
resultado=monto-gastosTotal;
if(!isNaN(resultado)){
caja["resultado"].value=monto-gastosTotal-seguroDeuda-valorHonorario;
}
}
</script>
<form method="post" name="sumar">
monton Aprobado: <input type="text" name="monto" size="7" onKeyUp="fncSumar()"/>
Resultado: <input type="text" name="resultado" DISABLED/>
</form>
</body>
</html>

Pero lo muestro en un input y quiero se sea mas visible y dinamico me podrian ayudar para mostrarlo en un div en cualquier ubicacion de la pagina pero en especial al final y o darme ideas que hacer javascript no es mi fuerte pero lo intento, Gracias

Alexis88 · #2 (**permalink**) 18/06/2015, 09:31

Para mostrar el valor en un <div>, puedes usar las propiedades innerHTML, innerText o textContent.

Te sugiero leer la documentación de estas propiedades para que sepas qué diferencias hay entre una y otra.

Saludos

sarrhen · #3 (**permalink**) 20/06/2015, 17:58

Gracias hermano ya lo solucione sale mejor usar el input solo le agregue estilo y lo dejo asi mejor