JSFiddle - React, Tailwind, and code Playground

by Dmitry Nazarov

HTML

<form method="post">
    <input type="text" id="the_input_id">
    <input type="text" id="the_input_id1">
</form>
<div id="output_ele">

</div>
<div id="output_ele1">

</div>
<div id="total">

</div>

JavaScript

$(function() {
    var output_element = $('#output_ele');
    var output_element1 = $('#output_ele1');

    $('#the_input_id').keyup(function() {  
        updateTotal();
    });
    
    $('#the_input_id1').keyup(function() {  
        updateTotal();
    });
    
    var updateTotal = function () {
      var input1 = parseInt($('#the_input_id').val());
      var input2 = parseInt($('#the_input_id1').val());
      $('#total').text(input1 + input2);
    };

    var output_total = $('#total');

    var total = firstInput + firstInput1;

   output_total.text(total);

 });