Halo teman – teman, kali ini saya mau membuat aplikasi kalkulator menggunakan PHP yang sering kali jadi aplikasi awal yang dibuat ketika belajar pemograman. Ketika saya sekolah dulu selain dari hello world, aplikasi kalkulator itu kayak makanan pokok pada kurikulum pemograman. Jadi siapa tau ada yang kesulitan membuat aplikasi kalkulator ketika diminta guru atau dosen menggunakan PHP, bisa disimak ya langkah – langkah pembuatan aplikasinya.
Pastikan kalian sudah belajar dasar – dasar yang telah saya ajarkan, dan ini ada di point 5 pada artikel Tutorial Dasar Pemograman PHP. Walaupun ini akan membahas HTML sedikit, tapi ini adalah form dasar yang akan kita pakai, sekalian juga akan saya jelaskan setiap kode yang saya tulis pada bagian HTMLnya. Jika ada pertanyaan, jangan sungkan untuk bertanya di kolom komentar ya. Jadi kita mulai kodingnya ya!
<?php
// definisikan variable default
$hasil = 0;
$inputan_pertama = 0;
$inputan_kedua = 0;
// jika ditekan tombol aksi dari masing - masing operator
if (isset($_POST['aksi'])){
// kita akan memilih aksi yang telah ditentukan oleh user
switch ($_POST['aksi']) {
case '+':
$hasil = $_POST['inputan_pertama'] + $_POST['inputan_kedua'];
break;
case '-':
$hasil = $_POST['inputan_pertama'] - $_POST['inputan_kedua'];
break;
case 'x':
$hasil = $_POST['inputan_pertama'] * $_POST['inputan_kedua'];
break;
case '/':
$hasil = $_POST['inputan_pertama'] / $_POST['inputan_kedua'];
break;
default:
$hasil = 0;
break;
}
// agar angka yang telah diinput tidak hilang ketika kita tekan aksi
$inputan_pertama = $_POST['inputan_pertama'];
$inputan_kedua = $_POST['inputan_kedua'];
}
?>
<html>
<head>
<title>Kalkulator</title>
<style>
body{
width: 50%;
margin: 0 auto;
}
form{
text-align: center;
}
input{
padding: 10px;
margin-bottom: 5px;
margin-top: 5px;
}
input[type="number"]{
width: 20%;
}
input[type="submit"]{
width: 50px;
background: gainsboro;
}
#hasil{
text-align: center;
}
</style>
</head>
<body>
<form action="" method="post">
<input type="number" name="inputan_pertama" value="<?php echo $inputan_pertama; ?>" placeholder="Masukkan Inputan Pertama" />
<input type="number" name="inputan_kedua" value="<?php echo $inputan_kedua; ?>" placeholder="Masukkan Inputan Kedua" />
<div>
<input type="number" value="<?php echo $hasil; ?>" readonly name="hasil" placeholder="Hasil" id="hasil" />
</div>
<div>
<input type="submit" name="aksi" value="+">
<input type="submit" name="aksi" value="-">
<input type="submit" name="aksi" value="x">
<input type="submit" name="aksi" value="/">
</div>
</form>
</body>
</html>- $_POST adalah untuk menangkap hasil kiriman data yang dikirim form dengan method post.
- $_POST[‘aksi’] nilai aksi adalah nilai yang diambil dari attribute name pada inputtan yang bertipe submit.
- switch case adalah pengseleksian nilai yang dikirim oleh aksi yaitu nilai yang diambil dari attribute value pada inputtan submit
- style adalah untuk mempercantik tampilan agar enak dipandang. Walaupun itu masih tampilan dasar, tapi itu udah cukup enak dipandang.
- form adalah mengumpulkan sebuah inputan untuk di proses oleh PHP pada kasus kita, dan PHP akan memproses nilai yang telah dikirim.
- form action=”” kenapa nilainya dikosongkan? karena kita mengeksekusi di dalam file yang sama yaitu kalkulator.php. Jika ingin file berbeda bisa diisikan nilai attribute action.
Hasilnya pada kode yang telah kita buat akan menjadi seperti ini
Jika ada pertanyaan dibagian yang tidak dimengerti bisa tanyakan dikolom komentar ya.
Terima kasih, semangat kodingnya!!
