tengo tres input (costo, utilidad, precio) y quiero hacer lo siguiente: si se escribe en costo y en utilidad que se calcule el precio, en caso de que se escriba en costo y en precio que se calcule la utilidad. Este es mi codigo javascript:
archivo calc.js
$(document).ready(function() {
$("input").on("change", function() {
calcular();
});
function calcular(){
var costo= $("#costo").val();
var utilidad= $("#utilidad").val();
var precio = $("#precio").val();
if(precio.length > 0 && costo.length > 0 && utilidad.length == 0){
utilidad = (parseFloat(precio) - parseFloat(costo)) / parseFloat(costo)*100;
$("#utilidad").val(utilidad);
}
if(costo.length > 0 && utilidad.length > 0 && precio.length == 0){
precio = (parseFloat(costo) * (parseFloat(utilidad)/100) ) + parseFloat(costo);
$("#precio").val(precio);
}
}
});
codigo html:
<form action="Productos" method="post" enctype="multipart/form-data">
<div class="top-row">
<div class="field-wrap">
<label class="active1">
Cost product<span class="req">*</span>
</label>
<input type="number" step="0.1" id="costo" name="costo" required/>
</div>
<div class="field-wrap">
<label class="active1">
% Uti: yes=50, no=50% or 0.5
</label>
<input type="number" id="utilidad" required name="utilidad"/>
</div>
</div>
<div class="top-row">
<div class="field-wrap">
<label class="active1">
Price product
</label>
<input type="number" id="precio" required name="precio" />
</div>
<div class="field-wrap">
<label class="active1">
Date price product
</label>
<input type="date" id="fecha" name="fecha" required/>
</div>
</div>
</form>
<script src="Estilo/Login/js/calc.js"></script>