NongkiNgopi.com – Dalam tutorial ini hanya sekedar contoh kecil dalam bahasa pemrograman, untuk memahami sebagian kecil cara menggunakan framework .
<div class="container mt-5">
<form>
<div class="mb-3"> <label for="text1" class="form-label">gaji</label> <input type="text" class="form-control"
id="text1" aria-describedby="emailHelp"> </div>
<div class="mb-3"> <label for="text2" class="form-label">Potongan</label> <input type="text"
class="form-control" id="text2" aria-describedby="emailHelp"> </div>
<div class="mb-3"> <label for="text3" class="form-label">Total</label> <input type="text" class="form-control"
id="text3" aria-describedby="emailHelp"> </div> <button type="reset"
class="btn btn-primary">reset</button>
</form>
</div>Code diatas adalah untuk kerangka html perhatikan id disetiap tag html, id digunakan sebagai alamat untuk dieksekusi oleh jquery.
BACA JUGA : Tutorial Singkat bahasa pemrograman PHP
$(document).ready(function()
{
$("#text3, #text1, #text2").keyup(function()
{
var text1 = $("#text1").val();
var text2 = $("#text2").val();
var text3 = $("#text3").val();
if(text1 >=1000000 && text1 <= 2000000)
{
var bunga = (20 / text1)*text1;
var potongan = text1* (bunga/100);
text3 = text1 - potongan;
$("#text2").val(bunga + "%");
$("#text3").val(text3);
}
else if(text1 >2000000 && text1 <= 3000000 )
{
var bunga = (25 / text1)*text1;
var potongan = text1* (bunga/100);
text3 = text1 - potongan;
$("#text2").val(bunga + "%");
$("#text3").val(text3);
}
else if(text1 >3000000 && text1 <= 5000000 )
{
var bunga = (30 / text1)*text1;
var potongan = text1* (bunga/100);
text3 = text1 - potongan;
$("#text2").val(bunga + "%");
$("#text3").val(text3);
}
else
{
$("#text2").val(0 +"%");
$("#text3").val(0);
}
})
})code diatas adalah program jquery yang menghitung potongan gaji.
BACA JUGA : Array dalam bahasa pemrograman PHP
Untuk test preview aplikasi bisa klik dini
