Membuat Fungsi dalam Javascript

setelah kita belajar tentang Dasar javascript sekarang kita mencoba membuat fungsi
fungsi dalam sebuah pemrograman adalah suatu perintah yang perintahnya dapat kita buat sendiri
biasanya fungsi sering terdapat pada tombol atau button. di postingan kali ini selain menjelaskan tentang membuat fungsi tapi juga saya berikan contoh program javascript yang menggunakan fungsi

syntaxnya fungsi seperti ini

function nama_fungsi(Parameter){
perintahnya;
}

contoh fungsi :

function kali(a,b){
var ab = a*b;
}

dalam sebuah fungsi ada beberapa aturan yang harus dipatuhi saat membuat fungsi diantaranya

• diawali dengan kata function agar Js tahu kita akan membuat fungsi
• nama fungsi tidak boleh ada spasi ex : fungsi ku() seharusnya fungsiku() atau fungsi_ku()
• disarankan nama fungsi tidak diawali dengan angka. biasanya fungsi dengan huruf awal angka tidak dapat dibaca oleh browser mozilla firefox
• parameter. yaitu (a,b) pada contoh diatas. namun parameter boleh dibiarkan kosong jika tidak digunakan ex : fungsiku()
• perintah fungsi yang diapit kurung kurawal. dalam contoh diatas adalah var ab = a * b; maksudnya jika terdapat fungsi kali(2,5) maka ab = 10

dalam javascript sudah tersedia banyak fungsi seperti if(), write(), getElementById() dan sebagainya namun juga boleh membuat sendiri

contoh :

Hasilnya : (Isikan 2 inputbox yang pertama dibawah dengan angka kemudian klik tombol tambah )

Seperti kalkulator bukan. Namun ada beberapa fungsi yang mungkin kalian semua tidak tahu yaitu fungsi parseFloat(str)  Fungsi ini digunakan untuk merubah string (karakter) menjadi numeric (angka). contoh jika
ada script seperti berikut
a = "5";
b = "2";
ab = a+b;
maka nilai ab adalah 52, karena variabel a dan b diartikan sebagai huruf oleh javascript

kronologi fungsi

• Pertama pengguna mengisikan angka dalam 2 inputbox (a dan b). inputbox yang pertama nyambung dengan variabel a karena perintah var a = parseFloat(document.fm1.fma.value); document -> form pertama (<form name="fm1">) -> kedua (<input type="number" name="fma">) dan begitu pula dengan yang b
• kedua variabel hasil memperoleh nilai a + b karena kode var hasil = a + b; Jika anda menuliskan 5 dan 7 maka hasil = 12
• ketiga inputbox fmhasil terisi dengan isinya variabel hasil karena kode document.fm1.fmhasil.value=hasil

setelah kita paham dengan materi kita bisa mengembangkannya menjadi kalkulator sederhana seperti dibawah
html :

 
 

Bil 1 

 Bil 2 

 Hasil 

Hasilnya :
nb : Modulus adalah nilai sisa hasil pembagian dan disimbolkan %. jika 5 % 2 = 1

Bil 1
Bil 2
Hasil

Read More