Membuat Function Pada Javascript

Niguru.com | Minggu, 28 Jun 2020 | Pada posting sebelumnya yang menjelaskan pengenalan Javascript, Niguru.com menjelaskan mengenai penggunaan variabel pada pemrograman Javascript.

Untuk menambah wawasan mengenai Javascript, pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk membuat FUNCTION pada Javascript. Function bermanfaat untuk menjalankan suatu siklus program yang berulang.

Berikut ini penjelasannya:

Tata cara penulisan function:

function [namaFunction]([variabel]){  

[instruksi]  

}

Contoh:

salamPerkenalan("Selamat datang")

function salamPerkenalan(a){

document.write(a," di website Niguru.com")

}

 

Untuk menyimpannya klik menu > Save As:

 

1. Save As type = All Files.

2. Berikan nama pada File Name, misal: LatihanJS01.html (boleh menggunakan nama lain).

3. Klik Save.

 

Hasilnya, file LatihanJS01.html tercipta, double click pada file tersebut untuk membukanya pada browser:

Tampilan hasilnya pada browser:

 

Berikut ini contoh penggabungan kode HTML, yang dituliskan diluar area JS (Javascript). Kode HTML yang dituliskan adalah tag <big>, dan pada contoh kali ini Niguru.com menuliskan <big> sebanyak 3X berarti pembesaran font akan dilakukan 3X, berikut ini contohnya:

<big><big><big>

<script language="javascript">

hitung(2,5,100)

function hitung(a,b,c){

hitung=a*b+c

document.write("hasil perhitungan = ",hitung)

}

</script>

 

Tampilan hasilnya pada browser:

Berikut ini Niguru.com akan memberikan contoh lain, berupa function untuk menghitung. Berikut ini deretan instruksinya:

<big><big><big>

<script language="javascript">
hitung(2,5,100)

function hitung(a,b,c){
hitung=a*b+c
document.write("hasil perhitungan = ",hitung)
}

document.write("<br>uji2")
document.write(hitung(2,5,100))
</script>

Simpan dengan nama LatihanJS02.html (boleh disimpan menggunakan nama lain):

Tampilan hasilnya pada browser:

 

Dan berikut ini cara untuk memanggil function diluar area JS dengan menggunakan tombol, berikut ini deretan instruksinya:

<input type="button" onclick="hitung(11,6,70)" 

value="Latihan Hitung"/>

<script language="javascript">

function hitung(a,b,c){

hitung=a*b+c

document.write("<big><big><big>")

document.write("hasil perhitungan = ",hitung)

}

</script>

 

Simpan dengan nama file JS03.html (boleh disimpan menggunakan nama lain):

 

Tampilan hasilnya pada browser, tekan tombol Latihan Hitung untuk melanjutkan eksekusi JS:

 

Tampilan hasilnya pada browser:

Demikianlah penjelasan mengenai cara membuat function pada bahasa pemrograman Javascript.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)