CARA MEMBUAT KALKULATOR SEDERHANA
๐งฎ Tujuan
Membuat aplikasi web kalkulator sederhana yang dapat melakukan operasi dasar matematika:
➕ Penjumlahan
➖ Pengurangan
✖️ Perkalian
➗ Pembagian
---
๐ง Konsep Dasar
PHP digunakan untuk memproses input dari form HTML, menghitung hasil berdasarkan operator yang dipilih, lalu menampilkan hasilnya ke pengguna.
---
๐ Struktur File
Kamu hanya perlu satu file PHP, misalnya: kalkulator.php
---
๐งพ Kode Lengkap: kalkulator.php
1.FomKalkulator.php
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Kalkulator Sederhana</title>
</head>
<body>
<h2>Kalkulator Sederhana<h2>
<form action="prosesPerhitunganKalkulator.php" method="post">
<label>Angka 1:</label>
<input type="number" name="angka1" required><br><br>
<label>Operator:</label>
<select name="operator" required>
<option value="+">Tambah</option>
<opton value="-">Kurang</opton>
<option value="*">Kali</option>
<option value="/">Bagi</option>
</select><br><br>
<label>Angka 2:</label>
<input type="number" name="angka2" required><br><br>
<button type="sumbit">Hitung</button>
</form>
</body>
</html>
2.ProsesPerhitunganKalkulator.php
<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$angka1 = (float) $_POST['angka1'];
$angka2 = (float) $_POST['angka2'];
$operator = $_POST['operator'];
switch ($operator) {
case '+':
$hasil = $angka1 + $angka2;
break;
case '-':
$hasil = $angka1 - $angka2;
break;
case '*':
$hasil = $angka1 * $angka2;
break;
case '/':
$hasil = ($angka2 != 0) ? $angka1 / $angka2 : "Error: Pembagian dengan nol!";
break;
default:
$hasil = "Operator tidak valid!";
}
// Kirim hasil ke halaman hasil.php
header("Location: hasilproseskalkulator.php?hasil=" . urlencode($hasil) . "&angka1=$angka1&angka2=$angka2&operator=" . urlencode($operator));
exit();
} else {
echo "Akses tidak valid!";
}
3.hasilProsesKalkulator.php
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Hasil Perhitungan</title>
</head>
<body>
<h2>Hasil Perhitungan</h2>
<?php
if (isset($_GET['hasil'])) {
$angka1 = $_GET['angka1'];
$angka2 = $_GET['angka2'];
$operator = $_GET['operator'];
$hasil = $_GET['hasil'];
echo "<p>$angka1 $operator $angka2 = <b>$hasil</b></p>";
} else {
echo "<p>Belum ada perhitungan.</p>";
}
?>
<br>
<a href="formkalkulator.php">Kembali ke Kalkulator</a>
</body>
</html>
๐ Penjelasan Bagian Penting
1. Form HTML
User menginput dua angka dan memilih operator matematika.
Form ini mengirim data ke halaman yang sama menggunakan POST.
2. Pemrosesan dengan PHP
PHP mengecek apakah tombol "Hitung" ditekan.
Mengambil nilai dari input ($_POST['angka1'], dll).
Menggunakan switch-case untuk menentukan operasi matematika.
Menangani pembagian dengan nol secara khusus.
3. Menampilkan Hasil
Jika operasi valid, hasil ditampilkan di bawah form.
---
✅ Fitur Tambahan (Opsional)
Kamu bisa menambahkan:
Validasi input lebih ketat (misalnya hanya angka positif).
Tampilan yang lebih menarik dengan CSS.
Dukungan untuk operasi lebih kompleks (modulus, pangkat, dll).
---
๐งช Cara Menjalankan
1. Simpan kode di file bernama kalkulator.php.
2. Letakkan file tersebut di folder htdocs (jika pakai XAMPP) atau di server lokal lain.
3. Buka browser dan akses:
http://localhost/kalkulator.php
Dan di bawah ini adalah link hasil kalkulator yang sudah saya buat
localhost/kalkulator/FomKalkulator.php
Komentar
Posting Komentar