Membuat Kalkulator Pada PHP

-
Hallo kawan pengguna blog Agung Pramadipta. Sebelumnya saya sudah memosting tutorial membuat program kalkulator menggunakan Java. Tapi kali ini saya membagikan tips buat kalian membuat program kalkulator menggunakan PHP. ok langsung aja ya kawan.....

1. Pastikan Progam Xampp kalian dalam posisi ON
2. Membuat file index.php pada direktori C://xampp/htdoc/kalkulator dan isi scriptnya sebagai berikut

<!DOCTYPE html>
<html>
<head>
    <title>Membuat Kalkulator Sederhana Dengan PHP | www.malasngoding.com</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <?php
    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;
            break;           
        }
    }
    ?>
    <div class="kalkulator">
        <h2 class="judul">KALKULATOR</h2>
        <a class="brand" href="http://www.malasngoding.com">www.malasngoding.com</a>
        <form method="post" action="index.php">           
            <input type="text" name="bil1" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Pertama">
            <input type="text" name="bil2" class="bil" autocomplete="off" placeholder="Masukkan 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>
            <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 } ?>           
    </div>
</body>
</html>

3. lalu membuat file cssnya buat file bernama style.css pada direktori yang sama ( sebanarnya langkah ini tidak diwajibkan hanya untuk mempercantik aja)

body{
    background: #F2F2F2;
    font-family: sans-serif;
}

.kalkulator{
    width: 335px;
    background: #2F495A;
    margin: 100px auto;
    padding: 10px 20px 50px 20px;
    border-radius: 5px;
    box-shadow: 0px 10px 20px 0px #D1D1D1;
}

.bil{
    width: 300px;
    margin: 5px;
    border: none;
    font-size: 16pt;
    border-radius: 5px;
    padding: 10px;   
}

.opt{
    font-size: 16pt;
    border: none;
    width: 215px;
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
}

.tombol{
    background: #EC5159;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 5px;
    padding: 10px 20px;
    color: #eee;
    font-size: 15pt;
    border-bottom:4px solid #BF3D3D;
}

.brand{
    color: #eee;
    font-size: 11pt;
    float: right;
    text-decoration: none;
    margin: 12px;
}

.judul{
    text-align: center;
    color: #eee;
    font-weight: normal;
}

4. langakah terakir yaitu pengetesan coba buka browser ketik localhost/kalkulator/index.php dan tampilannya sebagai berikut 



Komentar

Posting Komentar

Postingan populer dari blog ini

Script Membuat Kalender Di PHP

-
Gambar
Assalamualaikum Wr Wb... Selamat datang di blog Agung Pramadipta. udah gak kerasa ini postingan ke 5 saya di blog saya. Saya Agung Pramadipta mau bagi tips nih cara membuat program kalender menarik dengan PHP Nih.... ikuti tutorialnya ya.... 1. Pastikan program xampp anda dengan posisi ON ya teman :-) 2. Buat file bernama calendar.php di directori C://xampp/htdoc/kalender/calendar.php dan isi script dibawah ini       <?php     class Calendar {     public function __construct(){     $this->naviHref = htmlentities($_SERVER['PHP_SELF']);     }     /********************* PROPERTY ********************/     private $dayLabels = array("Mon","Tue","Wed","Thu","Fri","Sat","Sun");     private $currentYear=0;     private $currentMonth=0;     private $currentDay=0;     private $currentDate=null;     private $daysInMonth=0;     private $naviHref= null;     /********************* PUBLIC ******
Baca selengkapnya

Script aplikasi kriptografi pada PHP

-
Gambar
haii gaes.... selamat malam... selamat pagi, saya agung pramadipta akan memberikan ilmu kepada kalian bagaimana script koding program KRIPTOGRAFI pada PHP biasanya kalian bingung kan bagaimana cara membuat program KRIPTOGRAFI pada PHP yang disuruh dosen atau guru kamu.... oke berikut scriptnya 1. kalian buat file index.php dan isi scriptmya seperti berikut <head>  <title> KRIPTOGRAFI </title>  <link href ="style.css" rel="stylesheet" type="text/css"> </head> <body style = 'margin : 20px; font : 16px arial;' bg bacground="background.jpg">  <center>  <p> INPUT KATA KRIPTOGRAFI </p>  <p> ENKRIPSI </p>  <form method = 'get' action = 'enkripsi1.php'>  <table border = '3' cellspacing = '2' cellpadding = '10'  style = 'border : #aaa; color: #101; font-family : arial; fot-size : 12px;'>  <tr>   &l
Baca selengkapnya

Script Membuat Program Laba Rugi Pada PHP

-
Gambar
Assalamualaikum Semua.... Siang siang gini lagi lemes - lemesnya puasa tapi saya Agung Pramadipta tetap semangat untuk terus memberikan tutorial coding untuk kalian... kali ini saya akan bagi tips bagaimana membuat program Laba Rugi pada PHP... 1. Pastikan Program Xampp anda dalan posisi ON ya kawan 2. Buat file bernama index.php pada direktori C://xampp/htdoc/labarugi lalu isi scriptnya sebagai berikut <!DOCTYPE html> <html> <head>     <title>Membuat perhitungan laba dann rugi dengan php | www.malasngoding.com</title> </head> <body>     <h1>www.malasngoding.com</h1>     <h3>Membuat perhitungan laba rugi dengan PHP</h3>     <br/>     <form method="post" action="hitung.php">         <table>             <tr>                 <td>Harga Jual</td>                 <td><input type="text" name="harga"></td>    
Baca selengkapnya