MODUL IV, WEB 2

JAVASCRIPT : FUNCTION
A.   TUJUAN
a.      Agar mahasiswa mampu mengenal macam fungsi baikinternal maupun eksternal.
b.      Agar mahasiswa mampu membuat program denganmenggunakan fungsi baik internal maupaun eksternal.
B.   PEMBAHASAN
Fungsiadalah subprogram yang memungkinkan kita untuk menjalankan sekelompok instruksidengan satu pemanggilan sederhana nama fungsi tersebut dari satu atau beberapabagian di dalam badan suatu program. Bentuk subprogram yang kita sebut fungsiini sangat umum di pakai di banyak bahasa pemrograman (tentu saja dengan carayang 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 bisaberhenti, kalau tidak bisa membahayakan kelangsungan program secara global).
      Pembahasan praktikum :
Fungsi1.html

<!–

functionsapa(nama) {

document.write(“

Hallo”+nama+”, apa kabar ?

“);}

functiontambah(a, b) {

if(isNaN(a)) a = 0;

if(isNaN(b)) b = 0;

var c =a + b;

returnc;}

sapa(“BudiAnduk”);

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

varx=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 bahwakode yang terdapat didalamnya adalah kode HTML sehingga browser akanmenerjemahkan 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 HalloBudi Anduk, apa kabar? Yang akan dijadikan judul dalam dokumen.

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

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

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

©       var c = a + b; merupakan deklarasivariabel c = a + b

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

©     sapa(“BudiAnduk”);merupakan isi dari fungsi sapa yaituBudi 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 yyaitu tes’ dan variabel n yaitu 10.

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

©     document.write(x+”ditambah “+y+” = “+z+”
“);
digunakan untuk menampilkan isi dari variabel x yaitu8 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 yaitu8 ditambah isi variabel n yaitu 10 = isi dari variabel x yaitu 8 ditambah isidari variabel n yaitu 10 maka hasilnya 18.

©        merupakan kode untuk mengakhirijavascript.

Hasiloutput :
Fungsi2.html

functionisPrima(n) {

if (n< 2) {

returnfalse;}

elseif(n == 2) {

returntrue;}

else {

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

if (n %i==0) {

returnfalse;}}

returntrue;}}

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 bahwakode yang terdapat didalamnya adalah kode HTML sehingga browser akanmenerjemahkan 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 kecildari 2

©     return false;digunakan untuk mengembalikan nilai yang bernilaifalse.

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

©     return true;digunakan untuk mengembalikan nilai yang bernilaitrue.

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

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

©     return false; digunakan untuk mengembalikan nilai yangbernilai false.

©     return true; digunakan untuk mengembalikan nilai yangbernilai true.

©        merupakan kodeuntuk 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 bilanganprima.

©       else perintah ini akanmengerjakan bagian dibawah ini jika hasilnya false.

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

©        merupakan kodeuntuk mengakhiri javascript.

Hasiloutput :
Apabiladiklik OK, maka hasilnya :
Apabiladimasukkan angka 1
Makahasilnya :
Fungsi3.html

document.write(“SekarangHari : “+hariIni());

Myfungsi.js
functionhariIni(){
var day= new Array(“Minggu”, “Senin”, “Selasa”,”Rabu”, “Kamis”, “Jumat”, “Sabtu”);
var now= new Date;
varhari;
varsekarang = now.getDay();
returnday[sekarang];}
Pembahasan program:
©        menandakan bahwakode yang terdapat didalamnya adalah kode HTML sehingga browser akanmenerjemahkan 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(“SekarangHari : “+hariIni());digunakan untukmenampilkan tulisan Sekarang hari :. hariIni diambil dari file myfungsi.js

©        merupakan kodeuntuk mengakhiri javascript.

Myfungsi.js
©     function hariIni()merupakan deklarasi fungsi hariIni tanpa parameter.
©     var day = newArray(“Minggu”, “Senin”, “Selasa”,”Rabu”, “Kamis”, “Jumat”, “Sabtu”);merupakan deklarasi variabel day dengan menciptakanarray yang isinya “Minggu”,”Senin”, “Selasa”, “Rabu”, “Kamis”,”Jumat”, “Sabtu”
©     var now = new Date;merupakan deklarasi variabel now untuk konversiTanggal.
©     var hari; merupakan deklarasi variabel hari
©     var sekarang = now.getDay();merupakan deklarasi variabel sekarang yang isinyamengembalikan hari sekarang
©       return day[sekarang];digunakan untukmengembalikan nilai dari variabel day yang isinya sekarang
Hasiloutput :
LATIHAN:
Fungsi3.html

document.write(“SekarangHari : “+hariIni());

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

Pembahasan programsama denganscript cekvalid.php pada praktikum hanya ditambah kode program sebagai berikut:
©     document.write(“Tanggal :”+tanggal()+” “+bulan()+” “+tahun());digunakan untuk menampilkan Tanggal :.tanggal,bulandan tahun diambil dari file myfungsi.js
Myfungsi.js
functionhariIni(){
var day= new Array(“Minggu”, “Senin”, “Selasa”,”Rabu”, “Kamis”, “Jumat”, “Sabtu”);
var now= new Date;
varhari;
varsekarang = now.getDay();
returnday[sekarang];}
functiontanggal(){
var now= new Date;
vartglSekarang= now.getDate();
returntglSekarang;}
functionbulan(){
var bln= new Array(“Januari”,”Februari”,”Maret”,”April”, “Mei”, “Juni”, “Juli”,”Agustus”, “September”, “Oktober”,”November”, “Desember”);
var now= new Date;
varblnSekarang= now.getMonth();
returnbln[blnSekarang];}
functiontahun(){
var now= new Date;
varthnSekarang= now.getFullYear();
returnthnSekarang;}
Pembahasan programsama denganscript 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 konversiTanggal.
©     var tglSekarang = now.getDate();merupakan deklarasi variabel tglSekarang yang isinyamengembalikan tanggal sekarang
©       return tglSekarang;digunakan untuk mengembalikan nilai dari variabel tglSekarang.
©     function bulan()merupakan deklarasi fungsi bulan tanpaparameter.
©       var bln = newArray((“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 konversiTanggal.
©     var blnSekarang = now.getMonth();merupakan deklarasi variabel blnSekarang yang isinyamengembalikan bulan sekarang
©       return bln[blnSekarang];digunakan untuk mengembalikan nilai darivariabel bln yang isinya blnSekarang
©     function tahun()merupakan deklarasi fungsi tahun tanpaparameter.
©     var now = new Date;merupakan deklarasi variabel now untuk konversiTanggal.
©     var thnSekarang = now.getFullYear();merupakan deklarasi variabel thnSekarang yang isinyamengembalikan tahun sekarang
©       return thnSekarang;digunakan untuk mengembalikan nilai dari variabel thnSekarang
Hasiloutput :
 
C.    TUGAS
D.   KESIMPULAN
Setelah kita melaksanakan praktikum modul 4 tentangFunction maka kita mampu mengenal macam fungsi baik internal maupun eksternaldan kita juga mampu membuat program dengan menggunakan fungsi baik internalmaupaun 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