JQUERY – LATIHAN 1

<form method="post">
<label>Nama Siswa</label>
<input type="text" name="nama" id="nama"><br>
<label>Nilai</label>
<input type="text" name="nilai" id="nilai"><br>
<label>Predikat</label>
<input type="text" name="predikat" id="predikat"><br>
<label>Keterangan</label>
<input type="text" name="keterangan" id="keterangan"><br>
<button type="submit">Simpan</button>
</form>

<script type="text/javascript" src="<?php echo base_url('assets/js/jquery.js')

?>"></script>

<script type="text/javascript">
$("#nilai").on('blur', function() {
let nilai = $(this).val();
let predikat = '';

if(nilai <= 70) predikat = 'D';

else if(nilai <= 80) predikat = 'C';
else if(nilai <= 90) predikat = 'B';
else if(nilai <= 100) predikat = 'A';

$("#predikat").val(predikat);

let keterangan = 'TIDAK LULUS';

if(nilai > 70) keterangan = "LULUS";
$("#keterangan").val(keterangan);
});
</script>