Jumat, 01 Juli 2022

CARA MEMBUAT KALKULATOR SEDERHANA

Disini saya akan membahas cara membuat aplikasi kalkulator sederhana menggunakan php, untuk coding yang akan kita gunakan adalah sebagai berikut beserta penjelasannya:



<html>

<head>

<!--Fungsinya adalah tag yang digunakan untuk mendefinisikan judul atau nama dari dokumen HTML-->


<title>Membuat Kalkulator Sederhana Dengan HTML, PHP, dan CSS3</title>

<!--Digunakan untuk menampilkan judul di web-->


<link rel="stylesheet" type="text/css" href="kalkulator-style.css">

<!--Script di bawah merupakan cara pembuatan untuk menampilkan hasilnya cukup untuk memanggil variabel $hasil-->


if(isset($_POST['hitung'])){

$bil1 = $_POST['bil1'];

$bil2 = $_POST['bil2'];

$operasi = $_POST['operasi'];

switch ($operasi) {

case 'tambah':

$hasil = $bil1+$bil2;

break;

case 'kurang':

$hasil = $bil1-$bil2;

break;

case 'kali':

$hasil = $bil1*$bil2;

break;

case 'bagi':

$hasil = $bil1/$bil2;

<!--Fungsinya adalah digunakan untuk membuat heading atau judul-->


<div class="kalkulator">

<h2 class="judul">kalkulator sederhana</h2>

<!--Fungsinya untuk membuat sebuah from html input pengguna-->


<form method="post" action="kalkulator.php">

<!--Membuat program inputan angka dengan php lihat kode text field untuk menampilkan angka 1 dan 2 dan hasil-->


<input type="text" name="bil1" class="bil" autocomplete="off" placeholder="Bilangan Pertama">

<input type="text" name="bil2" class="bil" autocomplete="off" placeholder="Bilangan Kedua">

<select class="opt" name="operasi">

<option value="tambah">+</option>

<option value="kurang">-</option>

<option value="kali">x</option>

<option value="bagi">/</option>

</select>

<!--Untuk mengetahu hasil pertambahan, perkalian, pengurangan, dan pembagian-->

<input type="submit" name="hitung" value="Hitung" class="tombol">

</form>

<?php if(isset($_POST['hitung'])){ ?>

<input type="text" value="<?php echo $hasil; ?>" class="bil">

<?php }else{ ?>

<input type="text" value="0" class="bil">

 <?php } ?>

<!--Fungsinya untuk menutup dan mengakhiri perintah-->


</tr>

</td>

</from>

</table>

</div>

</body>

</html>


Untuk hasil akhir seperti ini

Sekian dari saya. Terimakasih


Tidak ada komentar:

Posting Komentar

Contact Us

  Hubungi Kami Kami selalu siap membantu dan menjawab pertanyaan Anda. Silakan gunakan salah satu metode kontak di bawah ini untuk menghubun...