JSFiddle - React, Tailwind, and code Playground

HTML

<label>Nama </label>
<input id="namaSendiri" name="nama_sendiri" type="text" value="Ali" /><br/>
<label>Nama Bapa</label>
<input id="namaBapa" name="nama_bapa" type="text"  value="Ahchong" /><br/>
<label>Nama Tambahan</label>
<input id="namaTambahan" name="nama_tambahan" type="text" value="" /><br/>
<label>Nama Penuh</label>
<input id="namaPenuh" name="name_penuh" type="text" value="Ali Ahchong" />

JavaScript

$(document).ready(function () {

  var namaSendiri = $('#namaSendiri').val();
  var namaBapa = $('#namaBapa').val();

  $("#namaTambahan").on('keyup',function() {  
    var namaPenuh = namaSendiri+" "+namaBapa;
    $('#namaPenuh').val(namaPenuh+" "+$(this).val());
  });

});