Assamualaikum wr.wb
Disini saya akan menjelaskan cara Membuat kalkulator Website
Berikut saya tampilkan codingan dan penjelasan untuk membuat kalkulator website.
<!--tag pembuka untuk membuat dokumen-->
<html>
<!--informasi meta tentang dokumen-->
<head>
<!--title untuk membuat judul halaman yang nantinya akan ditampilkan di browser-->
<title>Tutorial Membuat Kalkulator Dengan PHP MySQL</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!--informasi meta tentang dokumen-->
</head>
<!--tempat dibuatnya semua konten website menggunakan HTML-->
<body>
<!--berguna untuk menampilkan simbol kurang, tambah, bagi dan kali, dan menampilkan kolom untuk mamasukkan bilangan yang mau dikalikan.-->
<?php
if(isset($_POST['hitung'])){
$bil1 =$_POST['bil1'];
$bil2 =$_POST['bil2'];
$operasi=$_POST['operasi'];
switch ($operasi) {
<!--mencari hasil dari bilangan 1 ditambah bilang 2-->
case 'tambah':
$hasil = $bil1+$bil2;
break;
<!--mencari hasil dari bilangan 1 kurang bilang 2-->
case 'kurang':
$hasil = $bil1-$bil2;
break;
<!--mencari hasil dari bilangan 1 dikali bilang 2-->
case 'kali':
$hasil = $bil1*$bil2;
break;
<!--mencari hasil dari bilangan 1 dibagi bilang 2-->
case 'bagi':
$hasil = $bil1/$bil2;
break;
}
}
?>
<!-- untuk menampilkan aritmatika-->
<!--div berguna untuk membatasi bagian satu dengan yang lain-->
<div class="kalkulator">
<!--H4 membuat judul atau heading-->
<h4 class="judul">KALKULATOR SEDERHANA</h4>
<form method="post" action="./">
<!--input membuat tipe inputan pada form yang akan dibuat-->
<!--type menentukan jenis penomoran-->
<input type="text" name="bil1" class="bil" placeholder="Bilangan 1" required/>
<input type="text" name="bil2" class="bil" placeholder="Bilangan 2" required/>
<!--select untuk membuat input dengan pilihan yang berbentuk list drop down-->
<select class="opt" name="operasi">
<!--option mendefenisikan opsi yang bisa dipilih-->
<option value="tambah">+</option>
<option value="kurang">-</option>
<option value="kali">x</option>
<option value="bagi">/</option>
<!--select untuk membuat input dengan pilihan yang berbentuk list drop down-->
</select>
<!--input membuat tipe inputan pada form yang akan dibuat-->
<!--type menentukan jenis penomoran-->
<input type="submit" name="hitung" value="Hitung" class="tombol"/>
<a href="./" style="text-decoration:none;"><input type="button" value="Hapus" class="tombol"/></a>
<!-- form membuat formulir untuk mengumpulkan input pengguna-->
</form>
<!-- berfungsi untuk memeriksa kertersediaan data-->
<?php if(isset($_POST['hitung'])){
?>
<!--input membuat tipe inputan pada form yang akan dibuat-->
<!--type menentukan jenis penomoran-->
<input type="text" value="<?php echo $hasil; ?>" class="hasil"/>
<?php
}
else{
?>
<!--input membuat tipe inputan pada form yang akan dibuat-->
<!--type menentukan jenis penomoran-->
<input type="text" value="0" class="hasil"/>
<?php
}
?>
<!--div berguna untuk membatasi bagian satu dengan yang lain-->
</div>
<!--Tempat dibuatnya semua konten website menggunakan HTML-->
</body>
<!--Tag pembuka untuk membuat dokumen HTML-->
</html>
dan ini hasilnya dari coddingan diatas
.png)
tetapi sebelum itu kita harus masukkan coddingan bantu agar kalkukator lebih sempurna yaitu style berikut codingannya
.png)
.png)
nah itu saja dari saya. semoga membantu
Terimakasih.
