~my subjective opinion~: Laporan Praktikum WEB 5

Selasa, 01 Maret 2011

Laporan Praktikum WEB 5

STUDI KASUS
Calculator Sederhana

- Tampilan

calcu.js

 function tambah(){ var isi = document.calc; var angka1 = parseInt(isi.angka1.value); var angka2 = parseInt(isi.angka2.value); var operasi = isi.operasi.value; var hasil; hasil = angka1 + angka2; isi.hasil.value = hasil; } function kurang(){ var isi = document.calc; var angka1 = parseInt(isi.angka1.value); var angka2 = parseInt(isi.angka2.value); var operasi = isi.operasi.value; var hasil; hasil = angka1 - angka2; isi.hasil.value = hasil; } function kali(){ var isi = document.calc; var angka1 = parseInt(isi.angka1.value); var angka2 = parseInt(isi.angka2.value); var operasi = isi.operasi.value; var hasil; hasil = angka1 * angka2; isi.hasil.value = hasil; } function bagi(){ var isi = document.calc; var angka1 = parseInt(isi.angka1.value); var angka2 = parseInt(isi.angka2.value); var operasi = isi.operasi.value; var hasil; hasil = angka1 / angka2; isi.hasil.value = hasil; } function reset(){ var elemen = document.calc; elemen.angka1.value = ""; elemen.angka2.value = ""; elemen.hasil.value = ""; }

calcu.html

 <DOCTYPE html> <html lang="en"> <head> <title>Calculator Sederhana</title> <BODY background='cher.gif' width= 1100 height=800></center><hr>/> <span id="preserve05e9c1e6642c4b7fbb5036e903ef0488" class="wlWriterPreserve"><script language="JavaScript" type="text/javascript" src="calcu.js"></script></span> </head> <center> <hr/> <u><b><h3>Kalkulator Sederhana</h3></b></u> <hr/> <form name="calc" action="#"> <br><input type="text" size="10" name="angka1" /><br> <br><input type="text" size="10" name="angka2" /><br><br> <input name="operasi" type="radio" onclick="tambah()" /> + <input name="operasi" type="radio" onclick="kurang()" /> - <input name="operasi" type="radio" onclick="kali()" /> x <input name="operasi" type="radio" onclick="bagi()" /> : <br> <br><input type="text" size="10" name="hasil" readonly /><br> <hr/> <b><font size="2" color="black">© Jenk21 109533423221</b></font> <hr/> </center> </body> </html>

TUGAS PRAKTIKUM
Form Pemesanan Berbasis Java Script
resto.js
function totalHarga(){ var hrg; var order; var total = 0; for(i = 0; i < 12; i += 2){ hrg = parseInt(document.pemesanan[i].value); order = parseInt(document.pemesanan[i + 1].value); if(order > 0){ total = total + (hrg *order); } document.pemesanan.total.value = total; } } function diskon(){ var total = parseInt(document.pemesanan.total.value); var diskon = 0; if(total >= 50000){ diskon = 10000; } document.pemesanan.diskon.value = diskon; } function jumlahBayar(){ var total = parseInt(document.pemesanan.total.value); var diskon = parseInt(document.pemesanan.diskon.value); var bayar = total - diskon; document.pemesanan.bayar.value = bayar; } function load(){ totalHarga(); diskon(); jumlahBayar(); } function reset(){ var elemen = document.pemesanan; elemen.msg1.value = ""; elemen.msg2.value = ""; elemen.msg3.value = ""; elemen.msg4.value = ""; elemen.msg5.value = ""; elemen.total.value = ""; elemen.diskon.value = ""; elemen.bayar.value = ""; }

resto.html
<!DOCTYPEhtml> <html lang="en"> <head> <title>Form Pemesanan</title> <span id="preservee010c4ac8a40424186f803b04b1bb16e" class="wlWriterPreserve"><script language="JavaScript" type="text/javascript" src="resto.js"></script></span> </head> <center> <BODY background='Clover.jpg' width= 1100 height=800></center><hr>/> <h2><font color="blue">Form Pemesanan Berbasis Java Script</font></h2> <form name="pemesanan" action="#"> <table border="3"> <th>No</th> <th>Makanan / Minuman</th> <th>Harga</th> <th>Pesan</th> </tr> <tr> <td align="center">1</td> <td>Bakso Istimewa</td> <td>@ <input type="text" name="harga1" value="12000" onchange="load()" /></td> <td><input type="text" name="pesan1" onchange="load()" /></td> </tr> <tr> <td align="center">2</td> <td>Soto Spesial</td> <td>@ <input type="text" name="harga2" value="10000" onchange="load()" /></td> <td><input type="text" name="pesan2" onchange="load()" /></td> </tr> <tr> <td align="center">3</td> <td>Mie Ayam Super</td> <td>@ <input type="text" name="harga3" value="15000" onchange="load()" /></td> <td><input type="text" name="pesan3" onchange="load()" /></td> </tr> <tr> <td align="center">4</td> <td>Es Degan</td> <td>@ <input type="text" name="harga4" value="5000" onchange="load()" /></td> <td><input type="text" name="pesan4" onchange="load()" /></td> </tr> <tr> <td align="center">5</td> <td>Es Campur</td> <td>@ <input type="text" name="harga5" value="7000" onchange="load()" /></td> <td><input type="text" name="pesan5" onchange="load()" /></td> </tr> <td colspan="3" align="right" bgcolor=#d4faea>Jumlah Total</td> <td><input type="text" name="total" readonly /></td> </tr> <tr> <td colspan="3" align="right" bgcolor=#d4faea>Diskon</td> <td><input type="text" name="diskon" readonly /></td> </tr> <tr> <td colspan="3" align="right" bgcolor=#d4faea>Jumlah Dibayar</td> <td><input type="text" name="bayar" readonly /></td> </tr> </table> <br> <input type="button" name="batal" value="Hapus Data " onclick="reset()" /> </form><br> <font size="2px"> </center> </body> </html>

Tampilan

- Bila jumlah pembayaran di bawah 50000, tidak ada postongan atau diskon

- Saat jumlah pembayaran di atas 50000, maka pembeli akan mendapatkan potongan 10000, dan tidak berlaku kelipatannya.

_ajenk_

2 cuap-cuap:

kangmusa mengatakan...: assalamualaikum
ini kunjungan kesekian kali ke blog sahabat :)
dan menyimak terus update postingan yang semakin menarik
sekaligus memberi info bahwa kangmusa telah membuat ebook baru
"Blog Monetization Options" yang bisa diunduh disini
terima kasih, saya tunggu kunjungan Anda di kangmusa.com
salam hangat
kangmusa; 3 Maret 2011 11:20
sky mengatakan...: keren....; 5 Maret 2011 17:15

Poskan Komentar

Tinggalkan komentarmu ya..^_____^

proud 2 be Indonesian

Tinggalkan Jejak Anda

Jam BeraPa?

Yang baca2..

Namae wa..

TweeT

Patut Dibaca

Selasa, 01 Maret 2011

Laporan Praktikum WEB 5

2 cuap-cuap:

Poskan Komentar

WELCOME ^^

Blog Archive

Collegian

Silahkan Dibaca-baca

Suki no Uta..

Translator

Follow Me, if u want^^

wise people who open my blog..^^

Live Traffic

baca juga ya