Menggunakan PHP untuk Membuat Aplikasi Kalkulator Web
Aplikasi kalkulator web adalah proyek yang sederhana namun bermanfaat dalam pengembangan web. Dalam artikel ini, kita akan membahas cara membuat aplikasi kalkulator web menggunakan PHP dan HTML. Aplikasi ini akan memungkinkan pengguna untuk melakukan operasi matematika dasar secara online.
1. Struktur Dasar HTML
Buatlah file HTML sebagai antarmuka pengguna untuk kalkulator.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kalkulator Web dengan PHP</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
form {
display: flex;
flex-direction: column;
align-items: center;
}
</style>
</head>
<body>
<form action="calculator.php" method="post">
<label for="num1">Angka 1:</label>
<input type="text" name="num1" required>
<label for="operator">Operator:</label>
<select name="operator" required>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<label for="num2">Angka 2:</label>
<input type="text" name="num2" required>
<button type="submit">Hitung</button>
</form>
</body>
</html>2. Proses Kalkulasi dengan PHP
Buatlah file PHP (calculator.php) untuk menangani proses kalkulasi.
<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
// Ambil data dari formulir
$num1 = $_POST['num1'];
$operator = $_POST['operator'];
$num2 = $_POST['num2'];
// Validasi input
if (!is_numeric($num1) || !is_numeric($num2)) {
echo "Masukkan angka yang valid.";
exit;
}
// Hitung hasil kalkulasi
switch ($operator) {
case '+':
$result = $num1 + $num2;
break;
case '-':
$result = $num1 - $num2;
break;
case '*':
$result = $num1 * $num2;
break;
case '/':
// Handle pembagian oleh nol
if ($num2 == 0) {
echo "Tidak dapat melakukan pembagian oleh nol.";
exit;
}
$result = $num1 / $num2;
break;
default:
echo "Operator tidak valid.";
exit;
}
// Tampilkan hasil kalkulasi
echo "Hasil: $result";
} else {
// Redirect jika akses langsung ke file calculator.php tanpa melalui POST
header('Location: index.php');
exit;
}
?>3. Styling Tambahan (Opsional)
Tambahkan gaya tambahan pada file HTML untuk meningkatkan tampilan antarmuka pengguna.
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f4f4f4;
}
form {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
label, input, select, button {
margin: 10px 0;
font-size: 16px;
}
button {
padding: 10px;
background-color: #4caf50;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}
</style>Kesimpulan
Membuat aplikasi kalkulator web dengan PHP dan HTML adalah proyek yang sederhana namun efektif untuk memahami dasar-dasar pengembangan web. Dengan mengikuti langkah-langkah di atas, Anda dapat membuat kalkulator yang dapat digunakan secara online untuk melakukan operasi matematika dasar. Proyek ini dapat diperluas dengan menambahkan lebih banyak fungsi dan penanganan kesalahan untuk meningkatkan fungsionalitas dan pengalaman pengguna.
