MENGENAL FUNCTION PADA JAVASCRIPT

PERTEMUAN  KELIMA

 MATERI   =>   mengenal function pada javascript

ada dua jenis fungsi pada javasript

1.     Built in function => pengguna tidak perlu lagi mendefinisikan fungsi tersebut ,pengguna tinggal memanggilnya dalam kode program.built in function dapat dibagi ke dalam funfsi trigonometri,string,pengubah nilai,file dan lain-lain

2.     User denined function  => fungsi yang dibuat oleh pengguna

Langkah-langkah pembuatan user denined function deklarasi function dan panggil function

Langsung saja ke contoh

A.    Contoh  untuk Built in function

1.     Contoh pertama

Langkah-langkah

1.    Kita buka notepad

2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat function.html), bisa disimpan di sembarangan tempat

3.    Kita ketikkan kode html

Kita dapat menggunakan contoh kode di bawah ini

<!DOCTYPE html> <html> <body> <p>klik tombol untuk menghasilkan spasi</p> <button onclick="myfunction()">klik</button> <script> function myfunction(){ var str = " FIKOM UNIKA! "; alert(str.trim()); } </script> </body> </html>

Dari hasil kode html yang kita buat di atas maka akan tampil seperti gambar di bawah ini

2.       Contoh kedua

Langkah-langkah

1.    Kita buka notepad

2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat function1.html), bisa disimpan di sembarangan tempat

3.    Kita ketikkan kode html

Kita dapat menggunakan contoh kode di bawah ini

<!DOCTYPE html> <html> <body> <script> var a,b,c; a=parseInt("5"); b=parseInt("10"); c=a+b; document.write("Nilai C ="+c); </script> </body> </html>

Dari kode di atas maka akan tampil seperti gambar di bawah ini

B.    User denined function

1.     Contoh pertama

Langkah-langkah

1.    Kita buka notepad

2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat function2.html), bisa disimpan di sembarangan tempat

3.    Kita ketikkan kode html

Kita dapat menggunakan contoh kode di bawah ini

<script> //deklaraasi fungsi function kampusku() { document.write("UNIKA ST.THOMAS MEDAN"); return; } //panggil fungsi kampusku(); </script>

dari  kode html di atas maka akan tampil seperti gambar di bawah ini

2.     Contoh kedua

Langkah-langkah

1.    Kita buka notepad

2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat function3.html), bisa disimpan di sembarangan tempat

3.    Kita ketikkan kode html

Kita dapat menggunakan contoh kode di bawah ini

<script> //deklarasi fungsi function tampiltombol(a,b) { for(i=a; i<=b;i++) { document.write("<input type=button value="+i+">"); } return; } //2.panggil fungsi tampiltombol(1,100); </script>

dari  kode html di atas maka akan tampil seperti gambar di bawah ini

Sekian contoh sederhana untuk menampilkan penggunaan function pada javascript ,semoga bermanfaat bagi kita yang membutahkan ,jika ada kesalahan sebelumnya saya minta maaf, mohon di kasih saran untuk lebih baik lagi

NAMA   :  GIRALDO SILITONGA

NPM      : 180840009

 PRODI   : TEHNIK INFORMATIKA

 DOSEN PENGAMPU  : WASIT GINTING S.KOM ,M.KOM