JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float:right; margin-right:25px; margin-top:-32px;">
<a href="?page=otchet-turkey-main"><img src="images/close.png" border="0" /></a>
</div>
<?php
include('connect-db.php');
$id = $_GET['id'];
mysql_query("SET CHARACTER SET utf8");
 $result = mysql_query("SELECT * FROM otchet_turcia WHERE id=$id")
 or die(mysql_error()); 
 $row = mysql_fetch_array($result);
 
 // check that the 'id' matches up with a row in the databse
 if($row)
 {
 
 // get data from db
 $turkey_vlekach = $row['vlekach'];
 $turkey_remarke = $row['remarke'];
 $turkey_start_date = $row['date'];
 $turkey_end_date = $row['end_date'];
 $turkey_driver_1 = $row['driver'];
 $turkey_driver_2 = $row['driver_2'];
 $turkey_create_date = $row['create_date'];
 $turkey_creator = $row['creator'];
 }

if($_POST['submit']) {
    $array = array(
		'hgs_number' => $_POST['hgs_number'],
		'nalichnost' => $_POST['nalichnost'],
		'data_na_tragvane' => $_POST['data_na_tragvane'],
		'bariera_euro' => $_POST['bariera_euro'],
		'bariera_trl' => $_POST['bariera_trl'],
		'bariera_lv' => $_POST['bariera_lv'],
		'hgs_number' => $_POST['hgs_number'],
		'dezinfekcia_euro' => $_POST['dezinfekcia_euro'],
		'dezinfekcia_trl' => $_POST['dezinfekcia_trl'],
		'dezinfekcia_lv' => $_POST['dezinfekcia_lv'],
		'kantar_euro' => $_POST['kantar_euro'],
		'kantar_trl' => $_POST['kantar_trl'],
		'kantar_lv' => $_POST['kantar_lv'],
		'doktor_euro' => $_POST['doktor_euro'],
		'doktor_trl' => $_POST['doktor_trl'],
		'doktor_lv' => $_POST['doktor_lv'],
		'parking_euro' => $_POST['parking_euro'],
		'parking_trl' => $_POST['parking_trl'],
		'parking_lv' => $_POST['parking_lv'],
		'obrabotka_euro' => $_POST['obrabotka_euro'],
		'obrabotka_trl' => $_POST['obrabotka_trl'],
		'obrabotka_lv' => $_POST['obrabotka_lv'],
		'pasaj_euro' => $_POST['pasaj_euro'],
		'pasaj_trl' => $_POST['pasaj_trl'],
		'pasaj_lv' => $_POST['pasaj_lv'],
		'plomba_euro' => $_POST['plomba_euro'],
		'plomba_trl' => $_POST['plomba_trl'],
		'plomba_lv' =>...

JavaScript

$(document).ready(function () {
    $('#dal_suma, #dal_suma_2, #dal_suma_3, #slujeben_avans, #obshto_slujeben_avans, #obshto_razhodi_avans').keyup(function () {
        //vzimane na stoinost ot poleta
        var dal_suma = $("#dal_suma").val();
        var dal_suma_2 = $("#dal_suma_2").val();
        var dal_suma_3 = $("#dal_suma_3").val();
        var slujeben_avans = $("#slujeben_avans").val();
        //sbor
        var obshto_slujeben_avans = (parseFloat(dal_suma) + parseFloat(dal_suma_2) + parseFloat(dal_suma_3) + parseFloat(slujeben_avans)).toFixed(2);
        //pokazvane
       $("input[name=obshto_slujeben_avans]").val(obshto_slujeben_avans);
		
		var obshto_evro_trl = $("#obshto_evro_trl").val();
		var obshto_trl_trl = $("#obshto_trl_trl").val();		
		var obshto_lv_trl = $("#obshto_lv_trl").val();
		var euro_trl = $("#euro_trl").val();
		var obshto_razhodi_avans = ((parseFloat(obshto_evro_trl) + parseFloat(obshto_trl_trl) + parseFloat(obshto_lv_trl))/parseFloat(euro_trl)).toFixed(2);
		$("input[name=obshto_razhodi_avans").val(obshto_razhodi_avans)
	});
});