JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<input id="A" class="factors">
<input id="B" class="factors">
<input id="C" class="factors">
<input id="D" class="factors">
<input id="E" class="factors">
<input id="F" readonly="readonly">
</form>
JavaScript
$(document).ready(function() {
var A = $('#A');
var B = $('#B');
var C = $('#C');
var D = $('#D');
var E = $('#E');
$(".factors").change(function(e) {
console.log("Calculating");
var result = ((A.val() - B.val()) * C.val()) / 100;
var result2 = ((A.val() - B.val()) * D.val()) / 100;
var final = ((A.val() - B.val()) - result - result2) - E.val();
Math.round(final);
$('#F').val(final);
})
});