web modul 6






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">&emsp;<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 &emsp;&emsp;</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.
Dan untuk memanggilnya, pada search bar ketikkan localhost/[nama folder]/[nama file].  Untuk file ini, saya akan memanggilnya dengan localhost/Modul6/posttest.php
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 :





Komentar

Posting Komentar