JavaScript (Pemilihan, Perulangan, dan Array)

LAPORAN PRAKTIKUM
PEMROGRAMAN WEB 1

MODUL VI

“JavaScript (Pemiliha, Perulangan, dan Array)”

Diajukan untuk memenuhi salah satu Mata Kuliah Praktikum Pemrograman Web 1

Dosen Pengampu : Rio Andriyat Krisdiawan, S.Kom., M.Kom.

Disusun Oleh

Reza Adhicahyasmara

20160910092

Sistem Informasi 2016 C

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI SISTEM INFORMASI

UNIVERSITAS KUNINGAN

2018

KATA PENGANTAR

Puji syukur penulis ucapkan atas kehadirat Allah SWT, karena rahmat dan karunia-Nya penulis diberi kesempatan untuk menyelesaikan Laporan Praktikum Pemrograman Web 1. Shalawat dan salam kita hanturkan kepada junjungan besar Nabi Muhammad SAW beserta keluarganya, sahabatnya, beserta pengikutnya hingga akhir zaman.

Penulis menyusun laporan ini dengan tema JavaScript (Pemilihan, Perulangan, dan Array). Laporan ini menjelaskan struktur pemilihan, struktur perulangan, dan struktur array, yang mana struktur tersebut akan diimplementasikan kedalam JavaScript.

Tidak lupa juga saya ucapkan terima kasih kepada kedua orang tua kami masing-masing dan terima kasih kepada dosen Pemrograman Web 1 yaitu Rio Andriyat Krisdiawan S.Kom., M.Kom. yang telah membimbing penulis dalam menyusun laporan.

Penulis menyadari bahwa dalam laporan ini masih jauh dari kata sempurna, untuk itu penulis sangat mengharapkan kritik dan saran yang sifatnya membangun guna sempurnanya laporan ini.

Kuningan, 14 Mei 2018

                                                                                                                                         

                                                                                                                Penulis.

DAFTAR ISI

Kata Pengantar

Daftar Isi

BAB I PENDAHULUAN

1.1 Maksud dan Tujuan

1.2 Landasan Teori

BAB II PEMBAHASAN

2.1 Post Test
2.2 Tugas

BAB III PENUTUP

3.1 Kesimpulan

DAFTAR PUSTAKA

BAB I

PENDAHULUAN

1.1 Maksud dan Tujuan

1. Mampu memahami konsep pemilihan, perulangan, dan array di dalam javascript.
2. Mampu membuat script sederhana menggunakan fungsi-fungsi dala JavaScript.

1.2 Landasan Teori

Struktur Pemilihan/Kondisi IF-ELSE
Sebelumnya struktur ini banyak digunakan di bahasa pemrograman lain, pastinya tidak asing dengan struktur IF-ELSA. Struktur IF-ELSE adalah stuktur kode pemograman ‘conditional’ yang akan membuat percabangan di dalam program. Dengan menggunakan struktur IF-ELSE, dapat membuat 2 percabangan program yang akan dieksekusi jika ‘kondisi’ terpenuhi, dan akan menjalankan kode program lain jika ‘kondisi’ tidak terpenuhi.

if (kondisi) {
   pernyataan1//kode program jika kondisi true
}
else if{
   pernyataan2//kode program jika kondisi pernyataan1 false
}
else {
   pernyataan alternatif//kode program jika kondisi pernytaan1 dan 2 false
} 

Kondisi di dalam struktur IF-ELSE bisa berisi variabel dengan tipe data boolean, atau dengan kode program yang akan menghasilkan boolean, misalkan IF (a==b), atau IF (a>=b). Jika kondisi diisi dengan selain boolean (selain true atau false), maka hasilnya akan dikonversi menjadi boolean (tentang aturan konversi ini telah kita bahas pada tutorial tentang tipe data boolean).

Struktur Perulangan For
Struktur perulangan di dalam bahasa pemograman di gunakan untuk mengulang perintah program. Terdapat beberapa struktur perulangan yang didukung oleh JavaScript. Jika seblumnya telah mempelajari bahasa pemograman lain, perulangan for ini akan terasa familiar.

Struktur perulangan for, biasanya membutuhkan 4 perintah, yaitu:

• Kondisi awal perulangan
• Kondisi akhir perulangan
• Baris program yang akan diulang
• Increment / kenaikkan dalam setiap perulangan

Berikut adalah format dasar yang digunakan dalam struktur for:

for(nilai_awal; nilai_alhir; incerment/decerment) {
   //baris program yang akan diulang
} 

Baris for (i = 1; i <= 10; i++ ), berarti: lakukan perulangan for, dimulai dari i = 1, lalukan perulangan selama i <= 10, dan naikkan nilai i sebanyak 1 angka pada tiap perulangan (i++).

Struktur  Array
Sebuah variabel JavaScript ternyata dapat disimpan lebih dari satu nilai. Nilai-nilai ini dikumpulkan dalam bentuk Array. Sebuah Array dapat menyimpan daftar nol atau lebih nilai, yang dinyatakan dalam lingkungan kurung kotak atau disebut brackets ([...]).
Berikut adalah format umum Array 1 dimensi:

var nama_variabel = new Array(jumlah_element);
nama_variabel[index] = nilai_indeks;
var nama_varibel = new Array (nilai_0, nilai_1, ...nilai_n); 

Berikut adalah format umum Array 2 dimensi:

var nama_variabel = new Array(jumlah_baris);
var nama_variabel[indeks_baris] = new Array(jumlah_kolom);
nama_variabel[index_baris][indeks_kolom];
var nama_variabel = new Array (jumlah_baris);
var nama_variabel[indeks_baris] = new Array (nilai_bariske0_kolomke0, nilai_bariske1_kolomke1, ...nilai_bariskke-n_kolomke-n);;

BAB II

PEMBAHASAN

2.1 Post Test dan Tugas

1. Buatlah JavaScript Matriks pada papan catur

<html>
	<head>
		<title>Program Matrik Pada Papan Catur</title>
	</head>
<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>
</html> 

Hasil Running

2. Buatlah JavaScriptmenampilkan data alat-alat eltronik, dengan ketentuan

NO	NAMA BARANG	HARGA	DISCOUNT
1	Televisi	1.500.000	10%
2	Kulkas	1.850.000	8%
3	Mesin Cuci	2.150.000	15%

<html>
	<head>
		<title>Menampilkan Produk Elektronik</title>
	</head>
<script language="javascript">
	function validasi()
	{
		barang=document.form.data.value;
		
	switch (barang)
	{
		case '1' : document.write("<br>Nama Barang  : Televisi 21inc" + 
								  "<br>Harga        : Rp. 1.500.000" +
								  "<br>Discount 10% : Rp. 150.000" +
								  "<br>Harga Bayar  : Rp. 1.350.000");
								  break;
		case '2' : document.write("<br>Nama Barang  : Kulkas" + 
								  "<br>Harga        : Rp. 1.880.000" +
								  "<br>Discount 8%  : Rp. 148.000" +
								  "<br>Harga Bayar  : Rp. 1.702.000");
								  break;
		case '3' : document.write("<br>Nama Barang  : Mesin Cuci" + 
								  "<br>Harga        : Rp. 2.150.000" +
								  "<br>Discount 15% : Rp. 322.500" +
								  "<br>Harga Bayar  : Rp. 1.827.500");
								  break;
		default : document.write("Angka yang dimasukan salah");
		}
}		
</script>
<body="center">
	<h3>Daftar Harga Barang</h3>
	1. Televisi 21 inc</br>
	2. Kulkas</br>
	3. Mesin Cuci</br></br>
	
	<form name="form">
	Ketik nomor barang <input type="text" name="data"></br>
	<input type="button" value="Proses" onClick="validasi()">
	</form>
</body>
</html> 

Hasil Running

DFTAR PUSTAKA
 

Modul Praktikum Pemrograman Web 1 (2018), Kuningan, .Kom-UNIKU
https://www.duniailkom.com/tutorial-belajar-javascript-cara-penulisan-struktur-logika-if-else-dalam-javascript/
https://www.duniailkom.com/tutorial-belajar-javascript-cara-penulisan-struktur-perulangan-for-dalam-javascript/

Share this post

Berlangganan update artikel terbaru via email: