Sunday 10 December 2017

Fungsi Pada bahasa Javascript


Fungsi adalah suatu blok kode yang dijalankan ketika ada script yang memanggil fungsi tersebut. Fungsi merupakan bagian subprogram yang melaksanakan suatu tugas tertentu ketika diperlukan. Fungsi ini dapat dipanggil dengan cara menuliskan nama fungsinya saja, dan disertai dengan parameter apabila ada. Jadi parameter dalam suatu fungsi bersifat opsional. Suatu fungsi ditulis sebagai blok kode dengan syntax sebagai berikut :

function namafungsi(parameter)
{
Beberapa code untuk dijalankan
}

Contoh 1
<html>
<head>
</head>
<body>
<script language="JavaS cript" type="text/javascript">
function diskon(hargaAwal)
{
var diskon;
diskon = 0.5 * hargaAwal;
har gaDiskon = hargaAwal - diskon;
return hargaDiskon;
}
var harga = prompt("Masuk kan harga mula -mula (Rp) : ");
document.write("Harga stlh diskon 50% : Rp. " + diskon(harga));
</script>
</body>
</html>


Proses pada script di atas adalah sebagai berikut:
Mula-mula user diminta memasukkan harga mula-mula, harga ini diassign ke dalam variabel harga, misalnya 1000. Selanjutnya script mencetak harga setelah didiskon. Dalam hal ini, script akan memanggil function diskon(harga) atau diskon(1000). Karena function diskon memiliki parameter hargaAwal, maka nilai dari hargaAwal ini sama dengan nilai dari variabel harga, pada contoh ini adalah bernilai 1000. Selanjutnya akan dihitung nilai diskon yaitu 0.5 * 1000 = 500, dan hargaDiskon yaitu 1000 – 500 = 500.
Perintah return hargaDiskon, artinya akan mengembalikan nilai hargaDiskon (500) ke function yang memanggilnya, yaitu diskon(harga), lihat tanda panah pada script di atas. Sehingga akan tercetak ‘Harga stlh diskon 50% : Rp. 500’.
Suatu function tidak harus terdapat return value. Perhatikan contoh berikut ini.


Contoh 2
<html>
<head>
<script language="JavaScript" type="text/javascript">
function cetakTeks(teks)
{
document.write(teks + "<br>");
}
</script>
</head>
<body>
<script language="JavaS cript" type="text/javascript">
var kata = "Hallo";
var i;
for(i= 0; i<= 5; i++)
{
cetakTeks(kata);
}
</script>
</body>
</html>

Load disqus comments

0 komentar