Praktikum Pemograman Web1 Modul VI JavaScript (Perulangan dan Array)
LAPORAN
PRAKTIKUM
PEMOGRAMAN
WEB 1
DISUSUN
OLEH :
Nurintan
Yuliani
2015091076
SI
2015 B
Laboraturium
Komputer
UNIVERSITAS KUNINGAN
Jl.Cut
Nyak Dhien No.36A Cijoho Kuningan Telp.Faks/ : 0232-874824
2016-2017
BAB I
PENDAHULUAN
A. Dasar Teori
Seperti halnya dalam bahasa pemograman yang lain, di dalam Java Script juga terdapat fungsi IF-ELSE guna mengambil keputusan dari beberapa pilihan yang ditawarkan.
Bentuk umum perintah IF-ELSE adalah
if (kriteria_1)
{
pernyataan_1;
}
ELSE IF (kriteria_2)
{
pernyataan_2;
}
ELSE
{
pernyataan_alternatif;
}
Fungsi perulangan digunakan untuk menjalankan perintah sebanyak n-kali .
aterdapat 3 jenis fungsi perulangan yaitu : For-To-Do, While-Do dan Do-While
Bentuk perulangan for digunakan untuk pengulangan yang sudah ditentukan terlebih dahulu awalnya berapa, dijalankan sampai kondisi dipenuhi.
Bentuk umum For-To-Do
for (nilai_awal; nilai_akhir;
inc/dec)
{ // statement
}
Bentuk umum While-Do dan Do-While
nilai_awal; nilai_awal;
while (nilai_akhir) do
{ {
Statement Statement
inc/dec; Inc/dec;
} }
while (nilai_akhir) ;
Array
Array adalah variabel tunggal yang terindex secara teratur. Satu nama variabel array dapat memilliki banyak nilai . Karena terindex secara teratur sehingga memudahkan dalam mengolah dan menmapilkan nilai-nilai dari variabel tersebut.
Bentuk umum Array 1 Dimensi
var nama_variabel= new Array(jumlah)elemen);
nama_variabel[indeks] = nilai_indeks;
var nama_variabel = new Array (nilai_0,nilai_1, . . . nilai_n);
contoh : Variable Array dengan nama : Buah_Buahan = {Mangga,Alpuket}
Bentuk umum Array 2 Dimensi
var nama_variabel = new Array (jumlah_baris);
var nama_variabel [indeks_baris] = new Array(jumlah_kolom);
nama_variabel [indeks_baris] [indeks_kolom];
var nama_variabel = new Array(jumlah_baris);
var nama_variabel [indeks_baris] = new Array
(nilai_bariske0_kolomke0, nilai_bariske1_kolomke1, .... .
nilai_bariske-n_kolomke-n);
BAB II
PRAKTIKUM
praktikum modul_6f.html
<html>
<head>
<title>Javascript</title>
</head>
<script language="javascript">
var d=new
Date();
var h=new
Array(7);
h[0] =
"Minggu"; h[1] = "Senin";
h[2] =
"Selasa"; h[3] = "Rabu";
h[4] =
"Kamis"; h[5] = "Jumat";
h[6] =
"Sabtu";
var x = new Date
();
var tgl =
x.getDate ();
var bln =
x.getMonth ();
var thn =
x.getYear ();
document.write
("Hari ini " + h [d.getDay()]);
document.write
(",Tanggal " + tgl + "-" + bln + "-" +
thn );
</script>
<body></body>
</html>
|
Tampilannya :
Analisisnya:
Pada praktikum ini membuat program menampilkan tanggal yang terbaru sedangkan bulan,dan tahun nya bukan bulan,tahun terbaru contohnya pada program yang saya buat yakni sekarang tanggal 10 namun untuk hari,bulan dan tahun tidak mengikuti sekarang yang harusnya hari Kamis,10-05-2017
pada script
var d=new Date(); ini menandakan bahwa yang di tampilkan adalah tampilan tanggal pada hari ini
pada script
var d=new Date(); ini menandakan bahwa yang di tampilkan adalah tampilan tanggal pada hari ini
var h=new Array(7); ini menunjukan bahwa array atau perulangannya ada 7 variabel yakni dari hari senin sampai hari minggu
untuk script dibawah ini adalah sebagai kode dari array yang mempunya panjang 7 variabel
untuk script dibawah ini adalah sebagai kode dari array yang mempunya panjang 7 variabel
h[0] = "Minggu"; h[1] = "Senin";
h[2] = "Selasa"; h[3] = "Rabu";
h[4] = "Kamis"; h[5] = "Jumat";
h[4] = "Kamis"; h[5] = "Jumat";
h[6] = "Sabtu";
dibawah ini berfungsi untuk pemanggilan dari tanggal,bulan dan tahun yang akan tampil di halaman web
var x = new Date ();
var tgl = x.getDate ();
var bln = x.getMonth ();
var thn = x.getYear ();
document.write ("Hari ini " + h [d.getDay()]); ini adalah pemnaggilan untuk hari yang sekarang ini terjadi yakni h adalah kode array untuk penamaan hari . kemudian [d.getDay()] adalah untuk pemanggilan tanggal yang baru.
document.write (",Tanggal " + tgl + "-" + bln + "-" + thn ); untuk perintah ini untuk memanggil tanggal,bulan,dan tahun
BAB III
TUGAS
Tugas!
1. Buat program JavaScript
<html>
<head>
<title>barang</title>
<Script language="javascript">
function validasi()
{
var nama_barang=document.getElementById("form1").select1.value;
var
p_kontainer=document.getElementById("container");
if
(nama_barang=="1")
{
p_kontainer.innerHTML="Nama barang : Televisi <br> Harga :
Rp.1.500.000 <br> Discount 10%
: Rp.150.000 <br> Harga
bayar : Rp.1.350.000";
}
else if
(nama_barang=="2")
{
p_kontainer.innerHTML="Nama barang : Kulkas <br> Harga :
Rp.1.850.000 <br> Discount 8%
: Rp.148.000 <br> Harga
bayar : Rp.1.702.000";
}
else if
(nama_barang=="3")
{
p_kontainer.innerHTML="Nama barang :
Mesin Cuci <br> Harga : Rp.2.150.000 <br> Discount 15% :
Rp.322.500 <br> Harga bayar
: Rp.1.827.500";
}
}
</script>
</head>
<body>
<ol type="1">
<li>Televisi
21*</li>
<li>Kulkas</li>
<li>Mesin Cuci</li><br>
<form id="form1" name="form1"
onsubmit="return false">
<label for="select1">Ketik nomor barang:
</label>
<input type="text" name="select1">
<input type="submit" value="Proses"
onClick="validasi()">
<p id="container"></p>
</form>
</body>
</html>
|
Tampilannya :
ini adalah tampilan yang nomor barang 1 yaitu Televisi 21*
ini adalah tampilan nomor barang 2 yaitu Kulkas
ini adalah tampilan nomor barang 3 yaitu Mesin Cuci
Komentar
Posting Komentar