PEMOGRAMAN WEB 1
MODUL 6
“JAVASCRIPT(Pemilihan, Perulangan, dan Array)”
NAMA : REGI PERMANA JAYA
NIM : 20160910112
KELAS : SI-C 2016
UNIVERSITAS KUNINGAN
FAKULTAS ILMU KOMPUTER
2018
Post Test :
Note : Simpan dengan nama posttest.php
Lalu setelah itu simpan pada folder Modul6 yang sudah dibuat sebelumnya tersebut.
Tugas :
1. Buatlah javascript dengan tampilan sebagai berikut :
Sebelumnya untuk melakukan pemanggilan terhadap file php,
kita perlu untuk menginstalkan web server-nya terlebih dahulu. Salah satu
cobtoh web server adalah XAMPP Control Panel.
Setelah web server terinstall, maka kita harus
menjalannya agar file php dapat dijalankan. Xampp ketika sudah terinstal dan
dijalankan akan seperti ini
Selain
itu, ketika akan menyimpan file php, kita perlu menyimpannya pada folder xampp/htdocs/[nama
folder]. Biasanya, ketika menginstal xampp pertama kali dengan setting
default folder xampp akan berada di drive C:/. Maka dari itu,
file php akan disimpan pada C:/xampp/htdocs/[nama folder].
Untuk
tugas kali ini, saya akan menyimpannya pada folder Modul6, maka file-file
php yang akan saya buat pada tugas kali ini akan berada pada directory C:/xampp/htdocs/Modul6.
Post Test :
Buatlah program menggunakan javascript untuk menghitung Data Penjualan dengan tampilan sebagai berikut :
Jika memilih Kode Produk dan input Jumlah beli lalu klik tombol Hitung maka data Nama, Harga dan Total Bayar akan ditampilkan
Skrip :
<title> Penjualan </title>
<table align="center" border="1"> <form method="get" action"PT.php"> <tr> <td colspan="2" align="center">DATA PENJUALAN</td> </tr> <tr> <td> Kode Produk</td> <td><select name="kode" id="select"> <option value=""> -Pilih Salah Satu- </option> <option value="B01"> B01 </option> <option value="B02"> B02 </option> <option value="B03"> B03 </option> </select></td> </tr> <tr> <td> Jumlah Beli</td> <td><input type="text" name="jml"></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" name="hitung" value="HITUNG"> <input type="reset" value="BATAL"></td> </tr> <tr> <td> Nama Produk</td> <td><?php if (isset($_GET['kode'])) { if($_GET['kode'] == "B01") { $nama = "Motherboard"; } else if($_GET['kode'] == "B02") { $nama = "Keyboard"; } else if($_GET['kode'] == "B03") { $nama = "Mouse"; } else { echo ""; } echo "<input type=text name=nama value=$nama>"; } ?></td> </tr> <tr> <td> Harga</td> <td><?php if (isset($_GET['kode'])) { if($_GET['kode'] == "B01") { $harga = 350000; } else if($_GET['kode'] == "B02") { $harga = 25000; } else if($_GET['kode'] == "B03") { $harga = 35000; } else { echo ""; } echo "<input type=text name=nama value=$harga>"; } ?></td> </tr> <tr> <td> Total Bayar   </td> <td><?php if (!isset($_GET['kode'])) { echo ""; } else if (isset($_GET['kode'])) { $jml = $_GET['jml']; $total = $harga * $jml; echo "<input type=text name=total value=$total>"; } ?></td> </tr> </form></table> |
Note : Simpan dengan nama posttest.php
Lalu setelah itu simpan pada folder Modul6 yang sudah dibuat sebelumnya tersebut.
Tugas :
1. Buatlah javascript dengan tampilan sebagai berikut :
Skrip :
<script language="javascript">
function catur(){ document.write('<h1 align="center">Program Matrik Pada Papan Catur</h1>'); document.write('<table border="1"align="center">'); for (i=1;i<=5;i++){ for (j=1;j<=5;j++){ if((i+j)%2 == 1) document.write('<td>'+"["+i+j+"]"+'</td>'); else document.write('<td bgcolor="black">'+"["+i+j+"] "+'</td>') } document.write("</tr>"); } } </script> <body onload="catur()"> </body> |
2. Buatlah program Javascript sebagai berikut :
Skrip :
<title>Daftar Harga Barang</title>
<script language="JavaScript"> function validasi() { nomor=document.frm.data.value; if(nomor=="1") { alert("Nama Barang : Televisi\nHarga : Rp. 1.500.000\nDiscount 10% : Rp. 150.000\nHarga Bayar : Rp. 1.350.000"); } else if(nomor=="2") { alert("Nama Barang : Kulkas\nHarga : Rp. 1.850.000\nDiscount 8% : Rp. 148.000\nHarga Bayar : Rp. 1.702.000"); } else if(nomor=="3") { alert("Nama Barang : Mesin Cuci\nHarga : Rp. 2.150.000\nDiscount 15% : Rp. 322.500\nHarga Bayar : Rp. 1.827.500"); } else { alert("Nomor Yang Anda Masukan Salah!"); } } </script> <body> <h3> Daftar Harga Barang</h3> 1. Televisi 21"</br> 2. Kulkas </br> 3. Mesin Cuci</br></br> <form name="frm"> Ketik Nomor Barang <input type="text" name="data"></br> <input type="button" value="Proses" onClick="validasi()"> </form> </body> |
Hasil :
.png)
thanks gan sudah share infonya
BalasHapusPemotong simcard