Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/10/2017, 18:21
pablomaxit
 
Fecha de Ingreso: noviembre-2015
Mensajes: 26
Antigüedad: 8 años, 5 meses
Puntos: 0
Exclamación Calcular Formulario con Javascript

Buenas!! Espero no dañas sus ojos... jajaja.
Estoy intentando usarlo para replicar una formula que sirve para calcular indemnizaciones por accidentes laborales.
La formula sería:

65 (edad jubilatoria general) / edad del trabajador al momento del accidente X IBM (Ingreso de Base Mensual / Sueldo) X 53 (numero Fijo en la ley) X Porcentaje de Incapacidad] /100.


Imagen del formulario:



Estuve haciendo varias pruebas pero no logro que funcione, mi código:

Código HTML:
<form>
             <h3>Web Design Cost Form </h3><br>
             <div class="form-group">
                 <label>Edad de jubilación (Fija en 65)</label>
                 <select class="form-control" id="site_category" onchange="finalCost()">
                     <option value="65"> 65 </option>
                 </select>
             </div>
             <div class="form-group">
                 <label>Edad del accidente</label>
                 <input type="number" class="form-control" id="page_number" value="0" placeholder="How many pages you want?" onkeyup="finalCost()">
             </div>
             <div class="form-group">
                 <label>Sueldo</label>
                 <input type="number" class="form-control" id="img_number" value="0" placeholder="How many images you want?" onkeyup="finalCost()">
             </div>
             <div class="form-group">
                 <label>Porcentaje</label>
                       <select class="form-control" id="month_seo" onchange="finalCost()">
                     <option value="0.05">%5</option>
                 </select>
             </div>
             <div class="form-group">
                 <label>180.000</label>
                 <select class="form-control" id="month_seo" onchange="finalCost()">
                     <option value="180000">180.000</option>
                 </select>
             </div><br>
             <div class="form-group">
                 <label>Costo total ($) : </label>
                 <span id="result" style="background-color: #31418f;color: #fff;padding: 6px 70px;font-weight: 600;font-size: 18px; margin-left: 10px;border-radius: 5px;">0</span>
             </div>
         </form> 
Código:
       <script>
        function finalCost(){
            var cat = document.getElementById("site_category").value;
            var page = document.getElementById("page_number").value;
            var img = document.getElementById("img_number").value;
            var slider = document.getElementById("slider_number").value;
            var seo = document.getElementById("month_seo").value;

			var total = (parseInt(cat)) / (parseInt(page)) * (parseInt(img)*53) * (parseInt(slider)) / (parseInt(seo));

            document.getElementById("result").innerHTML = total;
        }
    </script>

Última edición por pablomaxit; 01/10/2017 a las 18:36