MODUL IV, WEB 2

JAVASCRIPT : FUNCTION
A.   TUJUAN
a.      Agar mahasiswa mampu mengenal macam fungsi baik internal maupun eksternal.
b.      Agar mahasiswa mampu membuat program dengan menggunakan fungsi baik internal maupaun eksternal.
B.   PEMBAHASAN
Fungsi adalah subprogram yang memungkinkan kita untuk menjalankan sekelompok instruksi dengan satu pemanggilan sederhana nama fungsi tersebut dari satu atau beberapa bagian di dalam badan suatu program. Bentuk subprogram yang kita sebut fungsi ini sangat umum di pakai di banyak bahasa pemrograman (tentu saja dengan cara yang sedikit berbeda antara satu dengan Iainnya). Di lain pihak suatu fungsi, juga bisa memanggil dirinya sendiri, ini kita sebut dengan fungsi rekursif (akan tetapi jangan lupa untuk meletakkan kondisi khusus supaya fungsi bisa berhenti, kalau tidak bisa membahayakan kelangsungan program secara global).
      Pembahasan praktikum :
Fungsi1.html

<!–

function sapa(nama) {

document.write(“

Hallo “+nama+”, apa kabar ?

“);}

function tambah(a, b) {

if (isNaN(a)) a = 0;

if (isNaN(b)) b = 0;

var c = a + b;

return c;}

sapa(“Budi Anduk”);

document.write(“5 + 3 = “+tambah(5, 3)+”
“);

var x=8, y=’tes’, n=10;

var z = tambah(x,y);

document.write(x+” ditambah “+y+” = “+z+”
“);

document.write(x+” ditambah “+n+” = “+tambah(x,n));

//–>

Pembahasan program:
©        menandakan bahwa kode yang terdapat didalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML. Bagian yang terdapat dalam dan umumnya terbagi atas kepala dan badan.
©        merupakan bagian badan dalam dokumen HTML.
©        merupakan kode untuk mengawali javascript.

©      function sapa(nama)merupakan deklarasi fungsi sapa dengan parameter nama.

©       document.write(“

Hallo “+nama+”, apa kabar ?

“); digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Hallo Budi Anduk, apa kabar? Yang akan dijadikan judul dalam dokumen.

©      function tambah(a, b)merupakan deklarasi fungsi tambah dengan parameter a dan b.

©       if (isNaN(a)) a = 0;digunakan untuk mengecek kondisi variabel a yang bernilai false.

©       if (isNaN(b)) b = 0; digunakan untuk mengecek kondisi variabel b yang bernilai false.

©       var c = a + b; merupakan deklarasi variabel c = a + b

©      return c;digunakan untuk mengembalikan niali dari variabel c.

©      sapa(“Budi Anduk”);merupakan isi dari fungsi sapa yaitu Budi Anduk.

©      document.write(“5 + 3 = “+tambah(5, 3)+”
“);
digunakan untuk menampilkan 5 + 3 = 8.tambah(5,3) artinya 5 + 3 =8.

©       var x=8, y=’tes’, n=10; merupakan deklarasi variabel x yaitu 8, variabel y yaitu tes’ dan variabel n yaitu 10.

©       var z = tambah(x,y);merupakan deklarasi variabel z yaitu variabel x ditambah dengan variabel y.

©      document.write(x+” ditambah “+y+” = “+z+”
“);
digunakan untuk menampilkan isi dari variabel x yaitu 8 ditambah isi variabel y yaitu tes = isi dari variabel z yaitu 8

©      document.write(x+” ditambah “+n+” = “+tambah(x,n)); digunakan untuk menampilkan isi dari variabel x yaitu 8 ditambah isi variabel n yaitu 10 = isi dari variabel x yaitu 8 ditambah isi dari variabel n yaitu 10 maka hasilnya 18.

©        merupakan kode untuk mengakhiri javascript.

Hasil output :
Fungsi2.html

function isPrima(n) {

if (n < 2) {

return false;}

else if(n == 2) {

return true;}

else {

for (var i = 2; i <= Math.sqrt(n); i++) {

if (n % i==0) {

return false;}}

return true;}}

var n = parseInt(prompt(“Sebut sebuah bilangan :”,’0′));

if (isPrima(n))

alert(‘Bilangan ‘+n+’ adalah Bilangan Prima’)

else

alert(‘Bilangan ‘+n+’ Bukan Bilangan Prima’)

Pembahasan program:
©        menandakan bahwa kode yang terdapat didalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML. Bagian yang terdapat dalam dan umumnya terbagi atas kepala dan badan.
©        merupakan bagian badan dalam dokumen HTML.
©        merupakan kode untuk mengawali javascript.

©      function isPrima(n) merupakan deklarasi fungsi isPrima dengan parameter n.

©      if (n < 2)digunakan untuk mengecek kondisi apakah n lebih kecil dari 2

©      return false;digunakan untuk mengembalikan nilai yang bernilai false.

©      else if(n == 2) jika n tidak lebih kecil dari 2 maka kondisi n sama dengan 2 akan dikerjakan, maka perintah dibawah ini akan dikerjakan dan akan menghasilkan nilai true

©      return true;digunakan untuk mengembalikan nilai yang bernilai true.

©      for (var i = 2; i <= Math.sqrt(n); i++) merupakan perintah perulangan variabel i yaitu 2, dan i lebih kecil dari akar kuadrat dari n, dan hasil dan hasil dari i akan ditambahkan 1.

©      if (n % i==0)digunakan untuk mengecek kondisi apakah sisa pembagian dari n dan i sama dengan 0

©      return false; digunakan untuk mengembalikan nilai yang bernilai false.

©      return true; digunakan untuk mengembalikan nilai yang bernilai true.

©        merupakan kode untuk mengakhiri javascript.

©        merupakan bagian badan dalam dokumen HTML.
©        merupakan kode untuk mengawali javascript.

©      var n = parseInt(prompt(“Sebut sebuah bilangan :”,’0′));merupakan deklarasi variabel n =Sebut sebuah bilangan : dan akan dikonversikan ketipe data Integer.

©      if (isPrima(n))digunakan untuk mengecek kondisi n.

©       alert(‘Bilangan ‘+n+’ adalah Bilangan Prima’)digunakan untuk menampilkan Bilangan dari variabel n adalah bilangan prima.

©       else perintah ini akan mengerjakan bagian dibawah ini jika hasilnya false.

©       alert(‘Bilangan ‘+n+’ Bukan Bilangan Prima’) digunakan untuk menampilkan Bilangan dari variabel n Bukan Bilangan Prima.

©        merupakan kode untuk mengakhiri javascript.

Hasil output :
Apabila diklik OK, maka hasilnya :
Apabila dimasukkan angka 1
Maka hasilnya :
Fungsi3.html

document.write(“Sekarang Hari : “+hariIni());

Myfungsi.js
function hariIni(){
var day = new Array(“Minggu”, “Senin”, “Selasa”, “Rabu”, “Kamis”, “Jumat”, “Sabtu”);
var now = new Date;
var hari;
var sekarang = now.getDay();
return day[sekarang];}
Pembahasan program:
©        menandakan bahwa kode yang terdapat didalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML. Bagian yang terdapat dalam dan umumnya terbagi atas kepala dan badan.
©        merupakan bagian badan dalam dokumen HTML.
©        merupakan kode untuk mengawali javascript.

©      document.write(“Sekarang Hari : “+hariIni());digunakan untuk menampilkan tulisan Sekarang hari :. hariIni diambil dari file myfungsi.js

©        merupakan kode untuk mengakhiri javascript.

Myfungsi.js
©      function hariIni()merupakan deklarasi fungsi hariIni tanpa parameter.
©      var day = new Array(“Minggu”, “Senin”, “Selasa”, “Rabu”, “Kamis”, “Jumat”, “Sabtu”);merupakan deklarasi variabel day dengan menciptakan array yang isinya “Minggu”, “Senin”, “Selasa”, “Rabu”, “Kamis”, “Jumat”, “Sabtu”
©      var now = new Date;merupakan deklarasi variabel now untuk konversi Tanggal.
©      var hari; merupakan deklarasi variabel hari
©      var sekarang = now.getDay();merupakan deklarasi variabel sekarang yang isinya mengembalikan hari sekarang
©       return day[sekarang];digunakan untuk mengembalikan nilai dari variabel day yang isinya sekarang
Hasil output :
LATIHAN :
Fungsi3.html

document.write(“Sekarang Hari : “+hariIni());

document.write(“Tanggal : “+tanggal()+” “+bulan()+” “+tahun());

Pembahasan program sama dengan script cekvalid.php pada praktikum hanya ditambah kode program sebagai berikut :
©      document.write(“Tanggal : “+tanggal()+” “+bulan()+” “+tahun());digunakan untuk menampilkan Tanggal :.tanggal,bulan dan tahun diambil dari file myfungsi.js
Myfungsi.js
function hariIni(){
var day = new Array(“Minggu”, “Senin”, “Selasa”, “Rabu”, “Kamis”, “Jumat”, “Sabtu”);
var now = new Date;
var hari;
var sekarang = now.getDay();
return day[sekarang];}
function tanggal(){
var now = new Date;
var tglSekarang= now.getDate();
return tglSekarang;}
function bulan(){
var bln = new Array(“Januari”,”Februari”,”Maret” ,”April”, “Mei”, “Juni”, “Juli”, “Agustus”, “September”, “Oktober”, “November”, “Desember”);
var now = new Date;
var blnSekarang= now.getMonth();
return bln[blnSekarang];}
function tahun(){
var now = new Date;
var thnSekarang= now.getFullYear();
return thnSekarang;}
Pembahasan program sama dengan script cekvalid.php pada praktikum hanya ditambah kode program sebagai berikut :
©      function tanggal()merupakan deklarasi fungsi tanggal tanpa parameter.
©      var now = new Date;merupakan deklarasi variabel now untuk konversi Tanggal.
©      var tglSekarang = now.getDate();merupakan deklarasi variabel tglSekarang yang isinya mengembalikan tanggal sekarang
©       return tglSekarang;digunakan untuk mengembalikan nilai dari variabel tglSekarang.
©      function bulan()merupakan deklarasi fungsi bulan tanpa parameter.
©       var bln = new Array((“Januari”,”Februari”,”Maret” ,”April”, “Mei”, “Juni”, “Juli”, “Agustus”, “September”, “Oktober”, “November”, “Desember”);merupakan deklarasi variabel bln dengan menciptakan array yang isinya (“Januari”,”Februari”,”Maret” ,”April”, “Mei”, “Juni”, “Juli”, “Agustus”, “September”, “Oktober”, “November”, “Desember”
©      var now = new Date;merupakan deklarasi variabel now untuk konversi Tanggal.
©      var blnSekarang = now.getMonth();merupakan deklarasi variabel blnSekarang yang isinya mengembalikan bulan sekarang
©       return bln[blnSekarang];digunakan untuk mengembalikan nilai dari variabel bln yang isinya blnSekarang
©      function tahun()merupakan deklarasi fungsi tahun tanpa parameter.
©      var now = new Date;merupakan deklarasi variabel now untuk konversi Tanggal.
©      var thnSekarang = now.getFullYear();merupakan deklarasi variabel thnSekarang yang isinya mengembalikan tahun sekarang
©       return thnSekarang;digunakan untuk mengembalikan nilai dari variabel thnSekarang
Hasil output :
 
C.    TUGAS
D.   KESIMPULAN
Setelah kita melaksanakan praktikum modul 4 tentang Function maka kita mampu mengenal macam fungsi baik internal maupun eksternal dan kita juga mampu membuat program dengan menggunakan fungsi baik internal maupaun eksternal.
E.    LISTING [terlampir]
Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s