DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Membuat kalkulator merupakan salah satu proyek yang baik untuk pemula dalam belajar pemrograman web menggunakan PHP. Dalam artikel ini, kamu akan diajarkan cara membuat sebuah kalkulator sederhana dengan PHP.
Sebelum memulai, pastikan kamu sudah memiliki server lokal seperti XAMPP untuk menjalankan skrip PHP, serta editor teks untuk menulis kode.
Pertama-tama, buatlah sebuah file baru dengan nama kalkulator.php
. File ini akan berisi kode HTML dan PHP untuk kalkulator kita.
Buka kalkulator.php
menggunakan editor teks dan mulai dengan menulis kode HTML berikut.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kalkulator Sederhana dengan PHP</title>
</head>
<body>
<form action="kalkulator.php" method="post">
Angka 1: <input type="text" name="angka1"><br>
Angka 2: <input type="text" name="angka2"><br>
Operasi:
<select name="operasi">
<option value="tambah">Tambah</option>
<option value="kurang">Kurang</option>
<option value="kali">Kali</option>
<option value="bagi">Bagi</option>
</select>
<br>
<input type="submit" name="hitung" value="Hitung">
</form>
</body>
</html>
Di bawah tag </form>
langsung dalam file kalkulator.php
, tambahkan kode PHP untuk melakukan operasi hitungan matematika.
<?php
if(isset($_POST['hitung'])){
$angka1 = $_POST['angka1'];
$angka2 = $_POST['angka2'];
$operasi = $_POST['operasi'];
switch ($operasi) {
case 'tambah':
$hasil = $angka1 + $angka2;
break;
case 'kurang':
$hasil = $angka1 - $angka2;
break;
case 'kali':
$hasil = $angka1 * $angka2;
break;
case 'bagi':
$hasil = $angka1 / $angka2;
break;
default:
break;
}
echo "Hasil: " . $hasil;
}
?>
Ketika form disubmit, data akan dikirim ke server dan PHP akan mengambil nilai input dari form menggunakan variabel $_POST
. Kemudian, PHP akan melakukan operasi matematika berdasarkan operasi yang dipilih pengguna.
Hasil dari operasi matematika akan ditampilkan di bawah form. Kamu bisa menambahkan elemen HTML untuk memperjelas tampilan hasil.
echo "<h2>Hasil: " . $hasil . "</h2>";
Penting untuk menambahkan penanganan error, misalnya jika pengguna memasukkan bukan angka pada input. Kamu bisa menggunakan is_numeric
untuk memeriksa apakah input itu angka atau bukan sebelum melakukan operasi.
if(is_numeric($angka1) && is_numeric($angka2)){
// Kode operasi matematika
} else {
echo "<h2>Input harus berupa angka!</h2>";
}
Kamu baru saja membuat kalkulator sederhana menggunakan PHP. Dengan mengikuti langkah-langkah di atas, sekarang kamu sudah bisa mengintegrasikan HTML dan PHP untuk membuat fungsi dasar kalkulator. Lebih lanjut, kamu bisa menambahkan CSS untuk memperindah antarmuka pengguna atau JavaScript untuk lebih interaktivitas pada kalkulator yang kamu buat. Selamat mencoba!
Link terkait: