Anda di halaman 1dari 6

TUGAS PEMROGRAMAN WEB BAB I BAB NAMA NIM : (PHP, Fungsi, Array, dan Form) : (Razaq Aulia Majid)

: (0810963064)

calculator.php <html> <head> <title>calculator sederhana</title> <LINK href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="badan"> <fieldset> <h1>KALKULATOR SEDERHANA</h1> <form action="operasi.php" method="post"> <table> <p> Silahkan masukan angka 1 <input type="float" name="angka1" placeholder="masukan angka disini" size="40"> </P> <p> <b>pilih operasi</b> <select name="operasi" id="operasi"> <option>operasi</option> <option>+</option> <option>-</option> <option>*</option> <option>/</option> <option>sqrt</option> <option>sin</option> <option>cos</option> <option>tan</option> <option>log</option> </select> </p> <p> Silahkan masukan angka 2 <input type="float" name="angka2" placeholder="masukan angka disini" size="40"> </P> <p> <input type="submit" value="Mulai menghitung"/> </P> </table> </form> </fieldset>

</div> </body> </html> operasi.php <html> <head> <title>operasi</title> <LINK href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="badan1"> <fieldset> <?php $nilai1=($_POST["angka1"]); $nilai2=($_POST["angka2"]); $operasi=($_POST["operasi"]); if($operasi=='+') { $hasil = $nilai1+$nilai2; } else if($operasi=='-') { $hasil = $nilai1-$nilai2; } else if($operasi=='*') { $hasil = $nilai1*$nilai2; } else if($operasi=='/') { $hasil = $nilai1/$nilai2; } else if($operasi=='sqrt') { $hasil = sqrt($nilai1); } else if($operasi=='sin') { $hasil = sin($nilai1); } else if($operasi=='cos') { $hasil = cos($nilai1); } else if($operasi=='tan') { $hasil = tan($nilai1); } else if($operasi=='log')

{ $hasil = log10($nilai1); } echo "hasilnya adalah"."=".$hasil."<br>"; ?> <button type="button"><a href="http://localhost/kalkulator/calculator.php">Klik Untuk Menghitung Ulang</a></button> </fieldset> </div> </body> </html> style.css .badan { background-color:#FAFAD2; height: 360px; width: 310px; margin: 100 auto; } .badan1 { background-color:#FFE4C4; height: 65px; width: 180px; margin: 100 auto; }

Screenshoot:
Pada Gambar 1.1 menampilkan halaman muka pada kalkulator sederhana.

Gambar 1.1 Tampilan Awal Pada Gambar 1.2 adalah halaman muka yang menampilkan isi dari operasi yang dapat digunakan dengan menggunakan menulist.

Gambar 1.2 Tampilan operasi menggunakan menulist Pada Gambar 1.3 menampilkan angka yang di masukkan pada kolom 1 dan 2 serta operasi yang di pilih * untuk melakukan perkalian. Di contohkan 2 * 2. Setelah itu kemudian di klik tombol

Mulai menghitung untuk menjalankan operasi atau proses perhitungan.

Gambar 1.3 Tampilan dengan angka Pada Gambar 1.4 adalah tampilan halaman hasil proses operasi atau perhitungan dengan hasil dari operasi yang ada pada Gambar 1.3. Jika ingin mengulang menghitung user dapat mengklik tombol yang bertuliskan Klik untuk Menghitung Ulang dan akan kembali pada halaman awal seperti pada Gambar 1.1.

Gambar 1.4 Tampilan halaman hasil dari proses

Anda mungkin juga menyukai