Program Gaji dengan PHP AJAX
iseng – iseng di suatu grup ada yang ngasih tantangan logika pemrograman dengan kriteria membuat program gaji, kurang lebih pertanyaan seperti berikut :
karyawan di perusahaan commit tegal di gaji berdasarkan jumlah jam kerjanya selama 1 hari dan jumlah jam kerjanya adalah 8 jam.
- golongan eksekutif : 10000/hari
- golongan bisnis : 7000/hari
- golongan ekonomi : 5000/hari
sedangkan upah lemburnya di hitung sama tiap golongan yaitu 7000/jam
buatlah form untuk memasukan jumlah jam kerja selama sehari seorang karyawan Commit dan buatlah combobox untuk memilih golongannya. setalah di submit akan tampil upah bayaran yang di trima serta jumlah jam lembur karyawan tersebut serta jenis golongannya.
Langsung saya q coba Jawab :
- Pastikan kita memiliki file Jquery.js, bagi yang belum bisa di download di Jqury.com
- Butlah file dengan nama index.html
<!DOCTYPE html>
<html>
<head>
<title>Program Gaji</title>
<script src=”jquery.js”></script>
<script>
$(document).ready(function(){$(“#hitung”).click(function(){
var nama=$(“#nama”).val();
var lembur=$(“#lembur”).val();
var golongan=$(“#golongan”).val();$.ajax({
type:”post”,
url:”proses.php”,
data:”nama=”+nama+”&lembur=”+lembur+”&golongan=”+golongan,
success:function(html){
$(“#hasil”).html(html);
}
});
});
});
</script>
</head>
<body>
<table width=”30%”>
<colgroup>
<col style=”background: green;” span=”1″>
<col style=”background: yellow;”>
</colgroup>
<tr>
<td colspan=”2″><h1 align=”center”>Aplikasi Gaji</h1></td>
</tr>
<tr>
<td>Nama</td>
<td> : <input type=”text” id=”nama” name=”nama” required></td>
</tr>
<tr>
<td>Golongan</td>
<td> : <select name=”golongan” id=”golongan”>
<option value=”A”>Golongan A</option>
<option value=”B”>Golongan B</option>
<option value=”C”>Golongan C</option>
</select></td>
</tr>
<tr>
<td>Lembur</td>
<td> : <input type=”text” name=”lembur” id=”lembur” required> /Jam</td>
</tr>
<tr>
<td></td>
<td><input type=”submit” value=”Hitung” id=”hitung”></td>
</tr>
</table>
<div id=”hasil”></div>
</body>
</html>
3.Buat lagi sebuah file dengan nama Proses.php
<?php
$nama=$_POST['nama'];
$golongan=$_POST['golongan'];
$lembur=$_POST['lembur'];if ($nama==”" && $lembur==”")
{
echo “Data Tidak Boleh Kosong”;
}
elseif($golongan==”A”)
{
$a=10000;
$b=7000*$lembur;
$c=$a+$b;echo “=========================================== <br>”;
echo “Nama Pegawai : $nama <br>”;
echo “Jumlah Gaji : $a <br>”;
echo “Jumlah Lembur : $b <br>”;
echo “=========================================== <br>”;
echo “Total Bayaran : $c <br>”;
echo “=========================================== <br>”;
}
elseif ($golongan==”B”)
{
$a=7000;
$b=7000*$lembur;
$c=$a+$b;echo “=========================================== <br>”;
echo “Nama Pegawai : $nama <br>”;
echo “Jumlah Gaji : $a <br>”;
echo “Jumlah Lembur : $b <br>”;
echo “=========================================== <br>”;
echo “Total Bayaran : $c <br>”;
echo “===========================================”;
}
elseif ($golongan==”C”)
{
$a=5000;
$b=7000*$lembur;
$c=$a+$b;echo “=========================================== <br>”;
echo “Nama Pegawai : $nama <br>”;
echo “Jumlah Gaji : $a <br>”;
echo “Jumlah Lembur : $b <br>”;
echo “=========================================== <br>”;
echo “Total Bayaran : $c <br>”;
echo “===========================================”;
}
else
{
echo “Data Masih Kosong”;
}
?>
Kemudian Hasilnya akan seperti Berikut :
bagi yang penasaran bisa download file project nya disini
Subscribe to:
Posts
(
Atom
)
1 comment :
Post a Comment