Pengulangan & Fungsi Pada Javascript

Assalamu'alaikum Wr.Wb
Hay teman - teman, 1 hari full ini saya akan memposting tentang Javascript karena saya delay kirim adal hambatan, nah kali ini saya akan membahas tentang pengulangan dan fungsi pada javascript. Nah untuk pembahasannya sedikit kita simak berikut ini.

Struktur Kontrol Perulangan

Perulangan merupakan struktur yang memungkinkan untuk menjalankan kode program

yang sama beberapa kali dengan menggunakan suatu kondisi tertentu.

Perulangan dalam javascript memiliki tiga bentuk, perulangan :

1.for,

2.while ,

3.do-while.

Perulangan For

for ( inisialisasi; kondisi; peubah ) {
baris program 1;
baris program 2;
…
}

Perulangan While

while ( kondisi ) {
kode program yang ingin dijalankan berkali-kali;
}

Perulangan Do-While

do {

kode program yang ingin dijalankan berkali-kali;

} while( kondisi );

Kesimpulan

•Dari ketiga bentuk perulangan diatas hanya for yang memerlukan pernyataan

inisialisasi dan peubah. Inisialisasi disini digunakan sebagai bagian penentuan

variabel yang akan digunakan untuk mengendalikan jumlah perulangan yang

akan dilakukan.

•Peubah adalah operasi aritmatika yang dapat dilakukan untuk

mengubah nilai variabel penentu tersebut. Sedangkan kondisi disini digunakan

untuk menentukan kapan suatu blok perulangan dijalankan berdasarkan nilai dari

variabel penentu tersebut.

Untuk setiap kasus perulangan dapat diterapkan dengan
menggunakan ketiga bentuk ini.

Kita dapat membuat
perulangan untuk menampilkan pesan "Halo javascript" hingga 3 kali dengan menggunakan ketiga perulangan tersebut.

Nah langsung saja ke prateknya ya...

FOR

<!DOCTYPE html>
<html>
<head>
<title>Perulangan For</title>
</head>
<body>
<script type="text/javascript">
for(x=1; x<=5; x++)
{
document.writeln("Inilah perulangan For<br>");
}
</script>
</body>
</html>

Hasilnya seperti ini.

WHILE 1

<!DOCTYPE html>
<html>
<head>
<title>Perulangan While</title>
</head>
<body>
<script type="text/javascript">
var x = 0;
while(x < 5)
{
document.writeln("Ini Perulangan While<br>");
x++;
}
</script>
</body>
</html>

Hasilnya seperti ini.

DO - WHILE

<!DOCTYPE html>
<html>
<head>
<title>Perulangan Do..While</title>
</head>
<body>
<script type="text/javascript">
var x = 0;
do {
document.writeln("Ini Perulangan Do-While<br>");
x++;
}
while (x < 4)
</script>
</body>
</html>

Hasilnya seperti ini.

BuatPengulangan.html

<!DOCTYPE html>
<html>
<head>
<title>Buat Pengulangan</title>
<link href="buatpengulanganel.css" rel="stylesheet" type="text/css">
</head>
<body>
<p id="coba">
<script type="text/javascript">
for (var i = 0; i < 3; i++);{
document.write("Halo javascript 1<br>");
}

var j = 0;
while (j < 3) {
document.write("Halo javascript 2<br>");
j += 1;
}

var k = 0;
do {
document.write("Halo javascript 3<br>");
k++;
} while (k < 3) ;
</script>
</body>
</html>

Hasilnya seperti ini.

BuatFungsi.html

<!DOCTYPE html>
<html>
<head>
<title>Buat Fungsi</title>
</head>
<body>
<p id="coba">
<script type="text/javascript">
function hitungLuasAlas (p, l){
var luas = p * l;
return luas;
}
function hitungVolume (la, t) {
var vol = la * t / 2;
return vol;
}
var panjang = 5;
var lebar = 3;
var tinggi = 4;
var luasAlas;
var volume;
luasAlas = hitungLuasAlas(panjang, lebar);
volume = hitungVolume(luasAlas, tinggi);
alert("ini adalah luas alas ==> "+luasAlas);
alert("ini adalah volume ==> "+volume);
</script>
</body>
</html>

Hasilnya seperti ini.

BuatFungsiTanpaReturn.html

<!DOCTYPE html>
<html>
<head>
<title>Buat Fungsi</title>
</head>
<body>
<script type="text/javascript">
function sapa(nama){
alert("Halo, namaku " +nama);
}
sapa("Bintang");

function sayHalo(){
alert("Halo, saya Bulan");
}
sayHalo();
</script>
</body>
</html>

Hasilnya seperti ini.

BuatFungsiChartAt.html

<!DOCTYPE html>
<html>
<head>
<title>Buat Fungsi</title>
</head>
<body>
<p id="coba">
<script type="text/javascript">
var nama = "Amelia";
var posisiKarakter = 2;
var k = nama.charAt(posisiKarakter);
document.write("Karakter pada urutan ke 2, dari kata Amelia, adalah " +k+" (dimulai dari 0)");
</script>
</body>
</html>

Hasilnya seperti ini.

BuatFungsiIndexOf.html

<!DOCTYPE html>
<html>
<head>
<title>Buat Fungsi</title>
</head>
<body>
<p id="coba">
<script type="text/javascript">
var nama = "SMK NEGERI 4 BANDUNG";
var dimanaKata = nama.indexOf("Bandung"); //dimanaKata akan bernilai 13
document.write("dari fungsi ini, Bandung ada di urutan ke "+dimanaKata +" dari Kalimat SMK NEGERI 4 BANDUNG");
</script>
</p>
</body>
</html>

Hasilnya seperti ini.

Nah itu temen - temen yang bisa saya posting heheh, maaf jika banyak kekurangan saya pun sedang belajar, dan inshaallah nanti kita sudah belajar ke php ya.Saya pamit...

Wassalamu'alaikum Wr.Wb