JSFiddle - React, Tailwind, and code Playground

HTML

<form>
        <div style="float:left" id="div_hodnoty">
            <h1>Hodnota</h1>
        <input type="text" name="hodnota[]" /><br />
         <input type="text" name="hodnota[]" /><br />
         <input type="text" name="hodnota[]" /><br />
        <input type="text" name="hodnota[]" /><br />
            </div>
              <div style="float:right" id="div_ceny">
                    <h1>Cena</h1>
        <input type="text" name="cena[]" /><br />
         <input type="text" name="cena[]" /><br />
         <input type="text" name="cena[]" /><br />
        <input type="text" name="cena[]" /><br />
                  <p>
                  Celkem:<input type="text" name="celkem" id="celkem" />
                  </p>
            </div>
        
    </form>

JavaScript

$(document).ready(function(){ 

    
$('input').blur(function(){
var sum = 0;

$('#div_hodnoty input').each( function(key, val){
  sum+= Number($(this).val()) * Number($($('#div_ceny input')[key]).val());
    
});
    
$('#celkem').val(sum);
    
});
    
});