Days
Hours
Minutes
Seconds
Tentu, berikut adalah artikel mengenai cara membuat kalkulator sederhana menggunakan PHP.
Membuat kalkulator adalah salah satu proyek klasik dalam belajar bahasa pemrograman, karena menggabungkan beberapa konsep dasar seperti form, operator aritmatika, dan pemrosesan data. Dalam tutorial ini, kita akan membuat kalkulator sederhana yang dapat melakukan empat operasi dasar: penjumlahan, pengurangan, perkalian, dan pembagian.
Prosesnya akan dibagi menjadi dua bagian: membuat form HTML untuk input dan memproses data form menggunakan PHP.
Langkah pertama adalah membuat antarmuka form. Kita akan memerlukan dua input field untuk angka dan satu dropdown menu untuk memilih operator. Data akan dikirimkan ke halaman PHP yang sama, yang akan kita buat nanti.
Buat file baru, misalnya kalkulator.php, dan tambahkan kode HTML berikut:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Kalkulator PHP</title>
</head>
<body>
<h2>Kalkulator Sederhana</h2>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<input type="number" name="angka1" placeholder="Masukkan Angka Pertama" required>
<select name="operator">
<option value="+"> + </option>
<option value="-"> - </option>
<option value="*"> * </option>
<option value="/"> / </option>
</select>
<input type="number" name="angka2" placeholder="Masukkan Angka Kedua" required>
<input type="submit" name="hitung" value="Hitung">
</form>
</body>
</html>
type="number": Memastikan input yang diterima hanya berupa angka.name="angka1", name="angka2", name="operator": Atribut name ini sangat penting karena akan menjadi kunci untuk mengakses nilai-nilai ini di sisi PHP.action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>": Mengatur agar data form dikirim ke file yang sama.
Sekarang, kita tambahkan kode PHP di bagian atas file kalkulator.php untuk menerima dan mengolah data yang dikirimkan melalui form.
Tambahkan kode PHP berikut di bagian paling atas file kalkulator.php, sebelum tag <!DOCTYPE html>.
<?php
// Cek apakah form sudah disubmit
if (isset($_POST['hitung'])) {
// Ambil data dari form
$angka1 = $_POST['angka1'];
$angka2 = $_POST['angka2'];
$operator = $_POST['operator'];
$hasil = "";
// Lakukan validasi dasar
if (!is_numeric($angka1) || !is_numeric($angka2)) {
$hasil = "Input harus berupa angka!";
} else {
// Lakukan operasi berdasarkan operator
switch ($operator) {
case '+':
$hasil = $angka1 + $angka2;
break;
case '-':
$hasil = $angka1 - $angka2;
break;
case '*':
$hasil = $angka1 * $angka2;
break;
case '/':
// Tambahkan validasi untuk pembagian dengan nol
if ($angka2 == 0) {
$hasil = "Tidak bisa membagi dengan nol!";
} else {
$hasil = $angka1 / $angka2;
}
break;
default:
$hasil = "Operator tidak valid!";
break;
}
}
}
?>
Penjelasan Kode PHP:
if (isset($_POST['hitung'])): Kode ini adalah langkah pertama dan paling penting. Fungsi isset() memeriksa apakah variabel $_POST['hitung'] ada atau tidak. Variabel ini hanya akan ada jika tombol submit dengan name="hitung" telah ditekan. Ini mencegah kode PHP dieksekusi saat halaman pertama kali dibuka.$_POST dan menyimpannya ke variabel.is_numeric() untuk memastikan input yang diterima adalah angka.switch Statement: Kita menggunakan switch untuk memeriksa nilai variabel $operator dan mengeksekusi kode yang sesuai untuk setiap kasus (+, -, *, /). Ini adalah cara yang bersih dan efisien untuk menangani beberapa kondisi.
Langkah terakhir adalah menampilkan hasil perhitungan di halaman yang sama. Tambahkan kode berikut di bawah tag <form> di file kalkulator.php:
<?php
if (isset($hasil)) {
echo "<br><h3>Hasil: " . $hasil . "</h3>";
}
?>
</body>
</html>
Kode ini akan menampilkan hasil hanya jika variabel $hasil sudah didefinisikan (yaitu, setelah form disubmit).
Sekarang, simpan dan buka file kalkulator.php di browser Anda. Anda seharusnya bisa memasukkan dua angka, memilih operator, dan melihat hasilnya.
Kesimpulan
Selamat! Anda telah berhasil membuat kalkulator sederhana menggunakan PHP. Proyek ini mengajarkan Anda bagaimana cara form HTML dan PHP bekerja sama, bagaimana memproses data yang dikirim oleh pengguna, serta pentingnya validasi input untuk menghindari kesalahan dan meningkatkan keamanan. Ini adalah fondasi yang kokoh untuk membangun aplikasi web yang lebih interaktif dan fungsional.
Dipercaya oleh lebih dari 200++ client untuk menyelesaikan proyeknya dengan total 250++ proyek dari berbagai jenis proyek
