JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <input type="hidden" id="hideTotal" value="0"/>
<div class="main_content">
          <table class="items" border="1" width="100%">
       <tr>
       <td align="center" colspan="5">Upišite koliko puta dnevno obavite neku od aktivnosti<br />
           <!-- <p class="tip"> * Ukoliko neku aktivnost ne ponavljate svaki dan podelite nedeljni broj te aktivnosti sa 7 kako biste dobili dnevni prosek. (NPR: mašinu za veš uključujete 3 puta nedeljno, pa ćete u polje upisati 3/7=0.43) </p>-->
       </td>
       </tr>
       <tr>
       </tr>

<td align="left" colspan="5"><strong>...</strong></td>
                   <tr class="targetfields">
           <td width="5%">1</td>
           <td width="25%">Kupanje u kadi</td>
          <td width="25%"><input type="text" value="80" name="quantity" class="quantity" size="5" disabled /></td>
           <td width="20%"><input type="text" name="rate" class="rate" size="5" /></td>
           <td width="25%"><input type="text" name="sub_total" class="subtotal" size="5"/></td>        </tr>
              <tr class="targetfields">
           <td width="5%">2</td>
           <td width="25%">Tuširanje</td>
      <td width="25%"><input type="text" value="35" name="quantity" class="quantity" size="5" disabled /></td>
           <td width="20%"><input type="text" name="rate" class="rate" size="5" /></td>
           <td width="25%"><input type="text" name="sub_total" class="subtotal" size="5"/></td>         </tr>
                
         <tr class="targetfields">
           <td width="5%">3</td>
           <td width="25%">Pranje zuba</td>
        <td width="25%"><input type="text" value="10" name="quantity" class="quantity" size="5" disabled /></td>
           <td width="20%"><input type="text" name="rate" class="rate" size="5" /></td>
           <td width="25%"><input type="text" name="sub_total" class="subtotal" size="5"/></td>         </tr>
          <tr class="targetfields">
           <td width="5%">3</td>
           <td...

CSS

body {
        width: 800px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        font-family: Arial;
        font-size: 12px;
}
.total {
        padding-left: 30px;
 }
.total-sub {
        padding-left: 190px;
 }

.tip {
        font-size: 10px;
        color: #333;
 }
button, input, textarea, select {
 text-rendering: optimizeLegibility;
 font-size:100%;
 text-align: center;
}

/*pre,form,fieldset,input,textarea,blockquote,th,td {
        padding:0;
}*/
table {
 border-collapse:collapse;
 border-spacing:0;
}
/*fieldset,img {  border:0;
}*/
address,caption,cite,code,dfn,em,strong,th,var {
        font-style:normal;
        font-weight:bold;
        color: #666;
}
/*caption,th {
 text-align:left;
}*/
.text table, td, th {
        border: 1px solid #fff;
        padding-top: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
}
.td_color {
        background-color: #CCC; 
}
.tip {
        font-size: 11px;
        color: #333;
 }
.g_total {
        padding-left: 320px;
        font-weight: bold;
        color: #FF0000;
        border: thin solid #CCCCCC;
}

JavaScript

$(function () {
   $(".items").keyup(function (event) {
       var total = 0;
       $(".items").each(function () {
           var gtotal = 0;
           $(this).find(".targetfields").each(function () {
          var qty = parseInt($(this).find(".quantity").val()||'0');
          var rate = parseInt($(this).find(".rate").val()||'0');
               var subtotal = qty * rate;
               $(this).find(".subtotal").val(subtotal);
               if (!isNaN(subtotal)) gtotal += subtotal;

           });
           $(this).find(".g_total").html(gtotal + "Din");
           total += gtotal;
       });
       $("#total").html(total + "Din");
       $('#hideTotal').val(total); //ovo sam dodato jer ti total
   });
        
    $('.ovde').keyup(function(event){
       var total = parseFloat($('#hideTotal').val(), 10); //ovo sam promenio
       var suma = parseFloat(document.getElementById("suma").value, 10);
       document.getElementById("Sum").value = total / suma;
   });


});

        //trebalo bi da izracuna UKUPNU POTROSNJU ÷ CLANOVIMA DOMACINSTVA
function culateSum()
   {
       var total = parseFloat(document.getElementById("total").value, 10);
       var suma = parseFloat(document.getElementById("suma").value, 10);
       document.getElementById("Sum").value = total / suma;

   }