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>