Javascript Objec - Conditional - Loop

BAGIAN 8
STANDAR KOMPETENSI: JAVASCRIPT FUNDAMENTAL
KOMPETENSI DASAR:
 Membuat dan Menggunakan Function

 Membuat dan Menggunakan Object
 Menggunakan Conditional Programming
 Menggunakan Looping
PANDUAN PRAKTIKUM:
Untuk masing-masing latihan praktikum lakukan hal berikut:
1. Buat source code dengan menggunakan text editor

2. Simpan dengan nama yang sesuai dengan perintah
3. Jalankan pada browser
4. Amati perubahan yang terjadi berdasarkan pertanyaan praktikum yang diberikan
5. Tuliskan hasilnya pada table analisa praktikum
LATIHAN PRAKTIKUM
1. Membuat dan menggunakan Function (belajarfunction.html)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript Fundamental - FUNCTION </title>
<script>
var x;
x=5
cetakkop()
document.write("nilai awal x : "+(x)+"<br>");
gandakan(x);
document.write("nilai x setelah digandakan : "+x+"<br>");
document.write("nilai x setelah dikuadratkan: "+kuadratkan(x)+"<br>");
function gandakan(y){
x+=y;
}
function kuadratkan(x){
return x*x;
}
function cetakkop(){
document.write("Belajar Function <br>");
document.write("===============================<br>");
}
</script>
</head>
<body>
</body>
</html>
49
2. Membuat dan Menggunakan Object (menggunakan_object.html)
<!DOCTYPE html>
<html>
<head>
<title>Belajar menggunakan Object</title>
</head>
<body>
<p>Nama: </p>
<p id="nama"></p>
<script>
var personal = {
namaDepan: "John",
namaBelakang : "Doe",
id : 5566,
namaLengkap : function() {
return this.namaDepan + " " + this.namaBelakang;
}
};
document.getElementById("nama").innerHTML = personal.namaLengkap();
</script>
</body>
</html>
3. Menggunakan Conditional Programming IF(conditional_programming_if.html)
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<title>JavaScript Fundamental - Conditional Programming </title>
<script>
var usia=45;
document.write("Program Golongan Usia<br>");
document.write("<hr><br><br>");
document.write("Usia : " + usia+"<br>");
if(usia<=50) document.write("Muda<br>");
usia=80;
if(usia<=50) document.write("Muda<br>");
else document.write("Tua<br>");
usia=90;
if(usia<=50) {
document.write("Anda masuk golongan ");
document.write("Muda<br>");}
else if (usia<=70){
document.write("Tua<br>");}
else {
document.write("Afkir<br>");}
</script>
</head>
<body>
</body>
</html>
4. Menggunakan Conditional Programming SWITCH (conditional_programming_switch.html)

50
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Fundamental - Conditional Programming </title>
<script>
var usia=45;
var angkaHari=usia%7;
document.write("Program Golongan Usia<br>");
document.write("<hr><br><br>");
document.write("Usia Anda adalah: "+usia);
switch(true){
case (usia<=45):
document.write("Golongan Muda");
break;
case (usia<=60):
document.write("Golongan Muda");
break;
default:
document.write("Golongan Afkir");
}
document.write("<br>");
document.write("Hari lahir anda: ");
switch(angkaHari){
case 1:
document.write("Minggu");
break;
case 2:
document.write("Senin");
break;
case 3:
document.write("Selasa");
break;
case 4:
document.write("Rabu");
break;
case 5:
document.write("Kamis");
break;
case 6:
document.write("Jumat");
break;
case 7:
document.write("Sabtu");
break;
}
</script>
</head>
<body>
</body>
</html>
5. Menggunakan Looping For(looping_for.html)

<!DOCTYPE html>
<html>
<body>
<p>Klik tombol untuk menjalankan looping</p>
<button onclick="jalankanLooping()">Coba1</button>
<button onclick="jalankanLooping2()">Coba2</button>
<p id="perulangan"></p>
<script>
function jalankanLooping() {
var i=0;
var text="";
while(i<10){
text +=i+"<br>";
i++;
51
}
document.getElementById("perulangan").innerHTML = text;
}
function jalankanLooping2(){
var i=0;
var text="";
while(true){
text +=i+"<br>";
if(i>20){break;}
i++;
}
}
</script>
</body>
</html>
6. Menggunakan Looping While(looping_while.html)

<!DOCTYPE html>
<html>
<body>
<p>Klik tombol untuk menjalankan looping</p>
<button onclick="jalankanLooping()">Coba1</button>
<button onclick="jalankanLooping2()">Coba2</button>
<p id="perulangan"></p>
<script>
function jalankanLooping() {
var i=0;
var text="";
while(i<10){
text +=i+"<br>";
i++;
}
}
function jalankanLooping2(){
var i=0;
var text="";
while(true){
text +=i+"<br>";
if(i>20){break;}
i++;
}
}
</script>
</body>
</html>
TUGAS PRAKTIKUM
1. Menggunakan Object
Buat 3 Object untuk menyimpan data mahasiswa,terdiri dari : NIM, Nama, Telpon, Tahun
lahir, dan sebuah fungsi untuk menghitung usia.
Buat var array dengan nama dataMahasiswa dengan inisiasi elemen array ketiga Object
diatas.
Buatlah aplikasi untuk menampilkan ketiga object mahasiswa tersebut seperti berikut ini:
52
2. Menggunakan statement if
Buat aplikasi untuk melakukan konversi nilai angka ke nilai huruf, misalnya user memasukan
angka 78 maka aplikasi akan memunculkan nilai B, dan seterusnya!
3. Menggunakan statement switch

Buat aplikasi untuk mengkonversi nilai angka (1 s.d. 12) menjadi nama bulan, dengan
menggunakan statement switch!
4. Menggunakan looping for

Buat aplikasi untuk menampilkan 10 deret bilangan kelipatan X, dimana X adalah bilangan
yang diinput oleh pengguna.
5. Menggunakan looping while

Buat aplikasi untuk menampilkan pohon faktor prima dari suatu bilangan X.
53
Jawaban soal nomor 1.
54
55
Jawaban Soal No.2
56
Jawaban Soal No.3
57
Jawaban Soal No.4
58
Jawaban Soal No.5
59

Javascript Objec - Conditional - Loop

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Javascript Objec - Conditional - Loop

Diunggah oleh

Hak Cipta:

Format Tersedia

BAGIAN 8

STANDAR KOMPETENSI: JAVASCRIPT FUNDAMENTAL

 Membuat dan Menggunakan Function

Untuk masing-masing latihan praktikum lakukan hal berikut:

1. Buat source code dengan menggunakan text editor

1. Membuat dan menggunakan Function (belajarfunction.html)

3. Menggunakan Conditional Programming IF(conditional_programming_if.html)

4. Menggunakan Conditional Programming SWITCH (conditional_programming_switch.html)

5. Menggunakan Looping For(looping_for.html)

6. Menggunakan Looping While(looping_while.html)

3. Menggunakan statement switch

4. Menggunakan looping for

5. Menggunakan looping while

Anda mungkin juga menyukai