LAPORAN
PRAKTIKUM
Pemograman WEB 1
Modul 6
“JAVASCRIPT (Perulangan dan Array)”
Nama : Radea Nurlaila
NIM :
2015091083
Prodi :
SI 2015 C
LABORATORIUM
KOMPUTER
FAKULTAS
ILMU KOMPUTER
UNIVERSITAS
KUNINGAN
2017
Jl.
Cut NyakDien, No.36A CijohoKuninganTelp/Faks : 0232-974824
TUGAS
1. Buat Program Javascript sebagai berikut :
Script :
<html>
<head>
<meta charset="UTF-8">
<title>Tutorial Belajar JavaScript</title>
<script>
function tampilkan(){
var nama_kota=document.getElementById("form1").select1.value;
var p_kontainer=document.getElementById("container");
if (nama_kota=="Televisi 21")
{
p_kontainer.innerHTML="Nama barang : Televisi <br> harga : Rp.1.500.000 <br> Discount 10% : Rp.150000";
}
else if (nama_kota=="Kulkas")
{
p_kontainer.innerHTML="Nama barang : Kulkas <br> harga : Rp.1.850.000 <br> Discount 8% : Rp.148000";
}
else if (nama_kota=="Mesin Cuci")
{
p_kontainer.innerHTML="Nama barang : Mesin Cuci <br> harga : Rp.2.150.000 <br> Discount 15% Rp.322500";
}
}
</script>
</head>
<body>
<ol type="1">
<li>Televisi 21"</li>
<li>Kulkas</li>
<li>Mesin Cuci</li><br></br>
<form id="form1" name="form1" onsubmit="return false">
<label for="select1">Ketik nomor barang: </label>
<select id="select1" name="select1">
<option value="Televisi 21">1</option>
<option value="Kulkas">2</option>
<option value="Mesin Cuci">3</option>
<input type="submit" value="Proses" onclick="tampilkan()">
</form>
<p id="container"></p>
<table border="1">
<tr>
<td>No.</td>
<td align="center">Nama Barang</td>
<td align="center">Harga</td>
<td align="center">Discount</td>
</tr>
<tr>
<td>1.</td>
<td align="center">Televisi</td>
<td align="center">1.500.000</td>
<td align="center">10%</td>
</tr>
<tr>
<td>2.</td>
<td align="center">Kulkas</td>
<td align="center">1.850.000</td>
<td align="center">8%</td>
</tr>
<tr>
<td>3.</td>
<td align="center">Mesin Cuci</td>
<td align="center">2.150.000</td>
<td align="center">15%</td>
</tr>
</table>
</body>
</html>
<head>
<meta charset="UTF-8">
<title>Tutorial Belajar JavaScript</title>
<script>
function tampilkan(){
var nama_kota=document.getElementById("form1").select1.value;
var p_kontainer=document.getElementById("container");
if (nama_kota=="Televisi 21")
{
p_kontainer.innerHTML="Nama barang : Televisi <br> harga : Rp.1.500.000 <br> Discount 10% : Rp.150000";
}
else if (nama_kota=="Kulkas")
{
p_kontainer.innerHTML="Nama barang : Kulkas <br> harga : Rp.1.850.000 <br> Discount 8% : Rp.148000";
}
else if (nama_kota=="Mesin Cuci")
{
p_kontainer.innerHTML="Nama barang : Mesin Cuci <br> harga : Rp.2.150.000 <br> Discount 15% Rp.322500";
}
}
</script>
</head>
<body>
<ol type="1">
<li>Televisi 21"</li>
<li>Kulkas</li>
<li>Mesin Cuci</li><br></br>
<form id="form1" name="form1" onsubmit="return false">
<label for="select1">Ketik nomor barang: </label>
<select id="select1" name="select1">
<option value="Televisi 21">1</option>
<option value="Kulkas">2</option>
<option value="Mesin Cuci">3</option>
<input type="submit" value="Proses" onclick="tampilkan()">
</form>
<p id="container"></p>
<table border="1">
<tr>
<td>No.</td>
<td align="center">Nama Barang</td>
<td align="center">Harga</td>
<td align="center">Discount</td>
</tr>
<tr>
<td>1.</td>
<td align="center">Televisi</td>
<td align="center">1.500.000</td>
<td align="center">10%</td>
</tr>
<tr>
<td>2.</td>
<td align="center">Kulkas</td>
<td align="center">1.850.000</td>
<td align="center">8%</td>
</tr>
<tr>
<td>3.</td>
<td align="center">Mesin Cuci</td>
<td align="center">2.150.000</td>
<td align="center">15%</td>
</tr>
</table>
</body>
</html>
POST TEST
1. Buatkan script untuk menghitung pembayaran SPP :
Script :
<title>Tulisan</title>
<head></head>
<script language="JavaScript">
<!--
function jum()
{
var a=document.data.nama.value;
var b=document.data.nim.value;
var x=900000;
var c=parseInt (document.data.sks.value);
document.data.hasil.value=x;
document.data.hasil1.value=c*40000;
document.data.hasil2.value=c*40000+x;
}
//-->
</script>
</head>
<body>
<center>PERHITUNGAN SPP</center>
<form name="data">
<table border="2" align="center">
<tr>
<td>NAMA</td><td><input type="text" name="nama" size="50"></td>
</tr>
<tr>
<td>NIM</td><td><input type="text" name="nim" size="50"></td>
</tr>
<tr>
<td>Jumlah SKS Yang Di Ambil</td><td><input type="text" name="sks" size="50"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" value="HITUNG" onClick="jum()"></td>
</tr>
<tr>
<td>SPP Tetap</td><td><input type="text" name="hasil" size="50"></td>
</tr>
<tr>
<td>Jumlah SKS (Rp)</td><td><input type="text" name="hasil1" size="50"></td>
</tr>
<tr>
<td>Total Pembayaran</td><td><input type="text" name="hasil2" size="50"></td>
</tr>
</table>
</form>
<head></head>
<script language="JavaScript">
<!--
function jum()
{
var a=document.data.nama.value;
var b=document.data.nim.value;
var x=900000;
var c=parseInt (document.data.sks.value);
document.data.hasil.value=x;
document.data.hasil1.value=c*40000;
document.data.hasil2.value=c*40000+x;
}
//-->
</script>
</head>
<body>
<center>PERHITUNGAN SPP</center>
<form name="data">
<table border="2" align="center">
<tr>
<td>NAMA</td><td><input type="text" name="nama" size="50"></td>
</tr>
<tr>
<td>NIM</td><td><input type="text" name="nim" size="50"></td>
</tr>
<tr>
<td>Jumlah SKS Yang Di Ambil</td><td><input type="text" name="sks" size="50"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" value="HITUNG" onClick="jum()"></td>
</tr>
<tr>
<td>SPP Tetap</td><td><input type="text" name="hasil" size="50"></td>
</tr>
<tr>
<td>Jumlah SKS (Rp)</td><td><input type="text" name="hasil1" size="50"></td>
</tr>
<tr>
<td>Total Pembayaran</td><td><input type="text" name="hasil2" size="50"></td>
</tr>
</table>
</form>
Maka Hasilnya adalah :
(Y)
BalasHapusNext Modul Selanjutnya
BalasHapus