Scribd
Unggah
3 tayangan

Slide4-js

JavaScript adalah bahasa pemrograman yang dikembangkan oleh Netscape pada tahun 1995, awalnya bernama LiveScript. Bahasa ini memungkinkan pengembangan interaksi dalam dokumen HTML dan memiliki kemiripan dengan Java dan C. JavaScript juga mendukung pemrograman berorientasi objek dan berbagai mekanisme untuk menangani input pengguna serta kejadian dalam aplikasi web.

Diunggah oleh

Muhammad lintang azhuri
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
3 tayangan

Slide4-js

JavaScript adalah bahasa pemrograman yang dikembangkan oleh Netscape pada tahun 1995, awalnya bernama LiveScript. Bahasa ini memungkinkan pengembangan interaksi dalam dokumen HTML dan memiliki kemiripan dengan Java dan C. JavaScript juga mendukung pemrograman berorientasi objek dan berbagai mekanisme untuk menangani input pengguna serta kejadian dalam aplikasi web.

Diunggah oleh

Muhammad lintang azhuri
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 73

JAVASCRISy

Pengenalan JavaScript
dikembangkan pertama kali pada tahun 1995
i
d Netscape Communications.
Asal mula nama JavaScript adalah LiveScript,
•

memberikan nama baru “JavaScript” pada


g
tan desember 1995.
(pengembang bahasa pemrograman “Java” )
Hasil kolaborasi antara Netscape dan Sun
•
a
Bahasa ini dikenali pada browser Netscape N mulai
m
versi di atas 2.0. ,sedangkan Microsoft Internet
i
Explorer dengan JavaScript mulai vers atas.•

Pengenalan JavaScript
p
JavaScript adalah bahasa skrip yang ditem pada
e
kode HTML dan diproses pada sisi kli sehingga
i
kemampuan dokumen HTML menjad luas.
k
JavaScript memungkinkan untuk memvalidasi masu masukan
pada formulir sebelum dikirim ke server JavaScript dapat

mengimplementasi permainan inter

Javascript bergantung kepada


t
browser(naviga memanggil halaman web yang berisi
p
skrip skri Javascript yang terselip di dalam dokumen
HT
Javascript tidak memerlukan kompilator atau
–
–
• •
•
penterjemah menjalankann
khusus untuk ya

Perbedaan JavaScript
a
d Pemrograman Java
k
JavaScript sendiri merupakan bahasa yang mudah dipahami, memiliki
a
kemiripan dengan konsep bahasa pemrograman visu Java ataupun C. •
penamaan variabel dan fungsi yang menggunakan huruf besar kecil.
“case sensitive” artinya mem
JavaScript adalah bahasa yang
•
c
Seperti bahasa Java ataupun C, setiap instruksi dalam JavaS dengan karakter
titik koma (;).•
Bentuk skrip dari Javascript
Membuat Komentar (Skrip tidak Ter• Skrip dari
JavaScript terletak di dalam dokumen HTML.

<SCRIPT language="Javascript">

letakkan script anda disini

</SCRIPT>
t
Pada navigator versi lama, sebelum adanya JavaScript, tidak mengenal dan akan
g
melewatkannya untuk di baca. Untuk itu perlu ditambahkan ta skripnya tidak dibaca
n
sebagai skrip, tetapi di baca sebagai komentar da dieksekusi sebagai program. •

<SCRIPT language="Javascript">

<!--

letakkan script anda disini

// -->

</SCRIPT>
l
Untuk menulis komentar dalam satu baris kita gunakan karakter dobel s // semua

karakter di belakang // tidak akan di eksekusi •


a
Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan k /* Semua baris

antara 2 tanda tersebut tidak akan di eksekusi oleh•


M
Tag <SCRIPT> diletakkan diantara bagian kepala dari dokumen HT antara tag <HEAD>
a
dan </HEAD>. Pemanggilan fungsi JavaScript ( event) diletakkan di bagian badan
b
dokumen HTML atau bisa kita se <BODY> dan </BODY>.

Meletakkan JavaScript dalam dokume•


Menggunakan tag <SCRIPT>
–
a
Keterangan tambahan di dalam tag <SCRIPT> menunjukkan jenis b digunakan dan
a
versinya, contohnya “JavaScript“, “JavaScript1.1“,“J bahasa JavaScript –

Contoh : –

<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>

</HEAD>

<BODY>

<SCRIPT language="Javascript">

<!--

alert("Hallo !");
// -->

</SCRIPT>

</BODY>

</HTML>
a
Menuliskan kode program JavaScript dalam suatu file teks d teks yang berisi
m
kode JavaScript di panggil dari dalam doku (khusus Netscape mulai versi 3
keatas).
<SCRIPT LANGUAGE="Javascript" SRC="url/file.js"> <
i
dimana url/file.js adalah adalah lokasi dan nama file yang ber JavaScript, jika
k
perintah tambahan SRC tidak disertakan ma mencari kode yang terletak di
dalam tag Script.
Event adalah sebutan dari satu action yang dilakukan oleh seperti klik tombol
mouse.
a
<tag eventHandler="kode Javascript yang akan dimasukk dimana

eventHandler adalah nama dari event terseb

Meletakkan JavaScript dalam dokume•


Menggunakan file ekstern –
Melalui event tertentu •
–
d
JavaScript memperlakukan elemen elemen yang tampil di jen sebagai suatu
obyek , yang artinya adalah elemen :

JavaScript Sebagai
Bahasa Berorientasi Objek
t
Diklasifikasikan berdasarkan hirarki/tingkatan khusus sehingga ki mengetahui dimana

letak/lokasi obyek itu sebenernya.

Diasosiasikan dengan kondisi atau sifat sifat khusus (properti)


Panjang = 20
o Sarang Burung
Warna = kuning
Tinggi = 4

Sangkar Ternak

Sarang burung yang berada di atas pohon dapat di tuliskan sebagai


b
Kebun.Pohon.Dahan.Sarang Burung
a
Bila ingin mengecat atau mengganti warna sarang burung yang terlet pohon, maka

perintahnya :

Kebun.Pohon.Dahan.Sarang Burung.warna=hijau
E g
asi : • Poho
n Dahann •
Ilustr o Dau E
E Batan • Akar
Bebek Ayam

• •
E •
– •

Kebun E
– • •

Properti
Properti adalah atribut dari sebuah objek.
Penulisannya (dipisahkan dengan tanda “.”) :
nama_objek . nama_properti
Properti dapat diberi nilai, penulisannya :
objek . properti = nilai
<TITLE>Properti defaultStatus</TITLE>
Nilai

Nama Properti

<H1>Tes defaultStatus</H1>

<SCRIPT LANGUAGE = "JavaScript">

window.defaultStatus = "Selamat belajar JavaScrip//-->


Nama Objek
• >
ML> ML>
• nto </HE
</BO
h : • <HE AD> <!--
DY>
AD> <BO </SC
</HT
• Co <HT DY>
RIPT
Metode
n
Properti adalah suatu kumpulan kode yang digunakan u melakukan
sesuatu tindakan terhadap objek.
Penulisannya (dipisahkan dengan tanda “.”) :
nama_objek . nama_metode(“parameter
<TITLE>Skrip Javascript</TITLE>
Nama Metode
Parameter
<SCRIPT language="Javascript">
document.write(“Selamat Mencoba JavaScript <BR>”):

document.write(“Semoga Sukses” !”);


Nama Objek
•
DY>
<HT </H </B

ML>EAD // --> ODY


<HE > </S >
Con <!--
AD> CRI </HT
toh : <BO
• – PT> ML>

Penanganan Kejadian (Event Ha


a
Penanganan Kejadian adalah sekumpulan kode yang akan dijal pemakai
t
melakukan suatu tindakan/kejadian, misalnya mengklik atau ketika menutup
jendela browser.
Penulisannya :nama_kejadian = “kumpulan kode”
a
Kumpulan kode dapat berisi sejumlah pernyataan. Antar pernyat titik-koma.
<TITLE>Kejadian</TITLE>

</HEAD>

<P>Cobalah meletakkan penunjuk mouse ke link berikut

<H1>Tes Kejadian</H1>

dan perhatikan isi baris status.

Kemudian pindahkan penunjuk mouse dari

link berikut dan perhatikan isi baris status

<A HREF = "www.fujitsu.com"

onMouseOver = "window.status =

'Anda menyorot link, lho';

return true"

onMouseOut = "window.status = '';

return true">Fujitsu</A>

</BODY>

•
•
h:•
</P>
<HEAD>
</HTML>
<HTML>

Conto <BODY>
•

Pemasukan Data
s
JavaScript memiliki mekanisme yang memungkinkan pemakai di untuk
i
memasukkan sederetan masukan setelah pemakai mengkl maka kode dalam
JavaScript akan melakukan serangkaian prose•
Contoh : •
<HTML>
<HEAD>
<TITLE>Pemasukan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Siapa nama Anda?");
document.write("Hai, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML>

Jendela Peringatan dan Jendela K• Jendela


Peringatan • Jendela Konfirma<HTML>
L
<TITLE>Konfirmasi</TIT </HEAD>
"
<SCRIPT LANGUAGE = <!--
. m a
var jawaban = window "Anda ingin document.write("Jaw jawaban);
</SCRIPT>
</BODY>
<HEAD>
<HTML>

<TITLE>Alert Box</TITLE>
<BODY>

<SCRIPT LANGUAGE =

"JavaScript">
window.alert("Ini merupakan
pesan untuk Anda");
//--> </SCRIPT>

</HTML>
D> Y>
</HEA </HTM
D> L>

<BOD
Y>

<!--

//-->

<HEA </BOD

Variabel
d
Variable adalah suatu obyek yang berisi data mana dapat
i
di modifikasi selama pengeksekus program. •
Aturan pemberian nama variabel : •
b
Nama variabel harus dimulai oleh satu huruf (huruf maupun huruf kecil)
atau satu karakter ''_''. –
g
Nama variabel bisa terdiri dari huruf huruf, angka an karakter _ dan &
(spasi kosong tidak diperbolehkan). –
u
Nama variabel tidak boleh memakai nama yang dig dalam reserved
program, seperti : abstract, boolean, if, implements, import, in, infinity,
instanceof, int, inter–

Mendeklarasikan Variabe
eksplisit : dengan menuliskan kata kunci var kemudian dengan nama
variabel dan nilai dari variabel : var test = •
i
implisit : dengan menuliskan secara langsung nama dar dan diikuti nilai
dari variabel : test = “halo” •
<SCRIPT language="Javascript">

<!–

var VariabelKu;

var VariabelKu2 = 3;

VariabelKu = 2;

document.write(VariabelKu*VariabelKu2);

// -->

</SCRIPT>

Peletakan variabel (global atau


y
Jika dideklarasikan dibagian awal dari skrip program, yang artin pendeklarasian
r
semua fungsi, maka semua fungsi di dalam prog mengakses variabel ini, dan
variabel ini menjadi variabel global.
l
Jika dia deklarasikan dengan menggunakan kata kunci var di da fungsi tertentu,
f
maka variabel itu hanya bisa di akses dari dalam tersebut, dan artinya variabel
ini tidak berguna bagi fungsi fungsi dan kita sebut variabel ini menjadi variabel
lokal
J
<SCRIPT language=" <!--

var a = 12;

var b = 4;
n
function PerkalianDe a = b * 2;

return a;

}
n i
document.write("Dua adalah ",PerkalianDe document.write("Nila // -->

</SCRIPT>

Hasilnya :
a
Dua kali dari 4 ad Nilai dari a adalah
lang var a rite( dari ada
uag a = kali "Nil 4 lah
e="J 12; dari ai
func ada 12
avas ",b," dari
tion lah
cript adal a
Perk 8
"> ah adal
alia Hasil
“, ah",
nDe nya :
Perk a);
nga </S
retu alia // -->
n2(b CRI
rn a; nDe
){ PT>
• } nga
•
var var doc
n2(b
b = a = ume
));
Nila
4; b * nt.w
<SC 2; i
doc
rite(
RIP Dua dari
ume
"Du
T <!--
nt.w kali a
Tipe Data (1)
n
• basis desimal : integer di tuliskan dalam urutan unit bila sampai dengan 9),
i
permulaan bilangan tidak boleh dimula • basis heksadesimal : dituliskan dalam
a
urutan unit bilang sampai dengan 9 atau urutan huruf dari A sampai dengan
a
sampai dengan f), permulaan bilangan dimulai oleh 0x at • basis oktal :
a
dituliskan dalam urutan unit angka dari 0 s permulaan bilangan dimulai dengan
angka 0
l
Float (bilangan desimal): bilangan yang disebut juga bi pecahan atau
bilangan yang dituliskan dengan tanda ko• bilangan bulat desimal : 895
• bilangan dengan tanda koma : 895,12
e
• bilangan eksponensial : bilangan dengan tanda koma , k oleh huruf e(atau E),
kemudian diikuti oleh bilangan bulat pangkat dari bilangan 10 (+ atau -, pangkat
e
postitif atau n var a = 2.75e-2;

Bilang basis-nya
:•
an • bilangan

bulat pembagia
n : 27/11
atau
desima
l–
var b =
Integer(b 35.8E+10;
ilangan var c =

bulat), .25e-2;
–
Tipe Data (2)
a
String, dalah kumpulan dari karakter, kita deklarasikan
v
menggunakan tanda (') atau (").
u
Ada beberapa karakter spesial yang bisa kita gunakan untuk mensim karakter yang tidak
a
terlihat (non visual) dan juga untuk menghindark navigator "mengalami kebingungan"
g
dalam membedakan antara strin sendiri, karakter spesial ini menggunakan simbol
a
antislash (\), beber spesial tersebut :

\n : kembali ke baris awal

\r : menekan tombol ENTER

\' : tanda petik tunggal

\" : tanda petik ganda


\\ : karakter antislash

var a = "Hallo";

var b = 'Sampai Ketemu Lagi !';


Judul = "Ada apa di dalam \"c:\\windows\\\"";

a n
Booleans, dalah satu variabel khusus yang berguna u si suatu

kondisi tertentu, oleh karenanya boolean mempuny• True : diwakili oleh nilai 1

False : diwakili oleh nilai 0

• •
\t : Cont
• tab • oh : •
• –

– • •
•
Konversi Tipe Data I
<TITLE>Konversi Bilangan</T </HEAD>
a
<SCRIPT LANGUAGE = "Jav <!--
var a = parseInt("27");
<
document.write("1. " + a + " a = parseInt("27.5");
document.write("2. " + a
var a = parseInt("27A");
<
document.write("3. " + a + " a = parseInt("A27.5");
document.write("4. " + a
var b = parseFloat("27");
<
document.write("5. " + b + " b = parseFloat("27.5");
document.write("6. " + b
var b = parseFloat("27A");
<
document.write("7. " + b + " b = parseFloat("A27.5");
b
document.write("8. " + //-->
</SCRIPT>
</BODY>
<HEAD> <BODY> </HTML>
<HTML>
n bulat :
•
Mengko
Mengub
nversi
ah
bentuk
bentuk parseFl
string •
string oat()
menjadi
menjadi
bilanga
bentuk
parseIn n real :
bilanga
t()

O p erat orM at e m at ik Prior


a itas
3 2
ak di ak di ak di varia ak di bel

depa bela bel)

n 4 kang 1 4
1
varia (kala varia (kala (kala
bela
(kala depau
bel) u bel u
kang
u
terlet terletn terlet
varia
3 2 2 terlet

P P P P Sisa Penaikan

e e er e Pe

nj n k m mba

u g al b gian

m u ia a (mo
n
la r gi dulu

h a a s)
n
a n
n
g

a
n

Kegunaan

Penurunan
-
r
Operato *
+ %
/ ++ --
<TIT

O orm LE>
Oper

p M at asi
Mate

mati
er at ik ka</
a TITL
at e E>
>
aScr (20 e("< docu docu docu PT>

ipt"> + 3) BR> ment ment ment </B

); "); .writ .writ .writ ODY


>
docu e("2 e("2 e("2

ment 0*3 0/3 0%

.writ ="+ ="+ 3="

e("2 (20 * (20 / +

0+ 3) ); 3) ); (20

<SC 3=" % 3)

RIP docu + );

T ment (20 - docu docu docu docu

LAN .writ 3) ); ment ment ment ment

GUA e("2 .writ .writ .writ .writ

GE 0 + docu e("< e("< e("< e("<


</S
</H = 3 = " ment BR> BR> BR> BR>
CRI
EAD "Jav + .writ "); "); "); ");
<HEAD> <BODY> </HTML>

<HTML> <!-- //-->

Operator Pembanding dan LoOperator


Keterangan Kategori
Pembanding

Kesamaan

==
Pembanding

Ketidaksamaan

!=
Pembanding

Kurang dari
<

Pembanding Kurang dari atau sama dengan

<=

Pembanding

Lebih dari

>

Pembanding Lebih dari atau sama dengan


>=
Logika

Bukan

Logika
Dan

&&

Logika
Atau

||

Pembanding
? Nilai Benar : Nilai Salah Kondisi

?
Operator Pembanding dan Lo
<TITLE>Operator ?</TITLE>

</HEAD>

<SCRIPT LANGUAGE = "JavaScript">

var nilai = prompt("Nilai (0-100): ", 0);

var hasil = (nilai >= 60) ? "Lulus" : "Tidak Lulus";

document.write("Hasil: " + hasil);

</SCRIPT>

</BODY>
>
<HEAD </HTM
> <BOD
<!-- //--> L>
<HTML Y>

Pernyataan IF denif (kondisi) {

Pernyataan IF
a l
// blok pernyataan y // kalau kondisi berni } else {
a l
// blok pernyataan y // kalau kondisi berni }
<TITLE>Contoh if-else</TITLE>
</HEAD>
i
<SCRIPT LANGUAGE = "JavaScr <!--
,
var nilai = prompt("Nilai (0-100): " var hasil = "";
if (nilai >= 60)
hasil = "Lulus";
hasil = "Tidak Lulus";
document.write("Hasil: " + hasil);
</SCRIPT>
</BODY>
•
taa if blok dijal u ar

n IF (ko per ank kon


nyat an disi
tan ndi
aan ber
Per pa si) {
yan // nilai
nya els //
g kala ben
e
<HEA if</TI GUA = "; (nilai "Lulu "Hasil </BO
D> TLE> GE = prom >= s"; :"+ DY>
<HTM else
</HE "Java pt("Ni 60) hasil) </HT
L> ; ML>
AD> Script lai
<BOD "> (0-10
//-->
Y> 0): ",
0);
var
hasil

<SC =
<TIT docu </SC
RIPT "Tida hasil
LE>C var ment. RIPT
LAN k = >
ontoh nilai write(
} Lulus
if
<HEAD>

<HTML>
<BODY>

<!--

//-->

</HTML>

Pernyataan IF Bersarang
if (kode_hari == 5)
nama_hari = "Jumat";
nama_hari = "Sabtu";
else
a g +
document.write("Hari ini hari " + n document.write(", tanggal " + tang "/" + (tanggal.getMonth() "/" +
tanggal.getYear());
</SCRIPT>
</BODY>
//--> ML>
</HT
LE> AD> var (kode "Ming == 1) _hari u";
var
<SC nama _hari gu"; nama == 3) nama
kode nama else
<TIT RIPT _hari == 0) _hari _hari
var _hari
LE>C LAN = ""; = _hari
if if =
tangg =
ontoh GUA "Seni (kode =
al = tangg (kode "Kam
if GE = n"; "Sela nama ;
new al.get _hari _hari is"
nama if
sa"; _hari else
Berk "Java == 2)
Date( Day() _hari (kode == 4)
alang Script if =
; else
</HE ); = _hari
</TIT "> (kode "Rab
if
<HEAD> <!-- else
<HTML>
<BODY>
else Pe rny
{
ata
an
Sw
itc
swit
h perin perin
ch perin
tah2; tahN;
(vari tah1;
abel)
Bent ukny a : • cas e nilai
1: k; e 2: k; ult k;
}
cas nilai defa
brea brea brea

Pernyataan Switch case 5:

nama_hari = "Jumat";
break;
case 6:
nama_hari = "Sabtu";
document.write("Hari ini hari " +
nama_hari);
document.write(", tanggal " +
"/" + (tanggal.getMonth
tanggal.getDate() +
"/" + tanggal.getYear());
</SCRIPT>
</BODY>
} >
//-->
+ 1) + </HTML
;
GUA Date( nama "Ming "Sela nama
case
GE = ); _hari gu"; sa"; _hari
4:
"Java = ""; break =
var nama ;
Script "Rab
<TIT kode _hari
"> u";
LE>C _hari =
nama
ontoh = "Seni
case case _hari
switc </HE tangg switc : n";
0 2: =
>
h</TI AD var al.get h(kod break
nama break ; nama "Kam
tangg ;
TLE> <SC Day() e_har
; _hari _hari is";
RIPT al = case case
i) { = = break
var 1:
LAN new 3: ;
break
<HEA <HTM <BOD
D> L> Y>
<!--

k (kondi while</ "JavaS

Pr g : hil perny si)


TITLE> cript<B
R>");
e ataan perny >
D
</HEA
while
os Pe :
ataan (bilanga
n < 5) {

es rny
Be ata
<SCRI
var
rul an PT
bilanga
bilanga

LANGU n++;
<TITLE n = 0;
{
an W >Conto
AGE =
"JavaS
docume
while nt.write(
h
Bentu cript">
PT>
</BOD
Y>

</SCRI
>
• oh : • D <BOD </HT
}
<HTM Y> <!--
} ML>
<HEA
Cont L> //-->
: "<BR>"
aan blok
Pe G. :
);

Pr per
rn W nyat
os
aan
ya hil
es e <SCRI

ta } PT

Be whi
<TITL LANG
E>Con UAGE
an Ben toh do =
rul tuk le while</ "JavaS
var

bilanga

D (ko TITLE cript"


>
>
n = 1;

an per { ndis
</HEA
docum
bilanga

Con n++;
o nyat
ent.writ
D>
} while
i) ;
e(bilan
g: toh
gan +
(bilang
an <
6);

</SCRI

PT>
</BOD
Y>
>
• <HTML
> <!-- //-->

do <BOD </HTM
do {
• Y> L>

<HEAD

Proses Berulang :
Pernyataan ForG.
Bentuk pernyataan :
for (inisialisasi; kondisi;
n
penaikan_penuru pernyataan_pernyataan
Contoh :
<TITLE>Contoh for</TITLE>
</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
var bilangan = 0;
for (bilangan = 1; bilangan <= 5; bilangan++)
document.write(bilangan + "<BR>");
</SCRIPT>
</BODY>

<HEAD> </HTML
• >
<HTML> <!--
} <BODY>
• //-->

Proses Pengulangan dalam Peng<HTML>


<TITLE>Contoh for Berkalang</TITLE>
</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
var baris, i = 0;
var nilai_prompt = prompt("Tinggi: ", 5);
var tinggi = parseInt(nilai_prompt);
for (baris = 1; baris <= tinggi ; baris++) {
// Buat sejumlah spasi
for (i = 1; i <= tinggi - baris; i++) {
document.write(" "); // Karakter spasi
// Tampilkan *
for (i = 1; i < 2 * baris; i++) {
document.write("*");
document.write("\n");
// Pindah baris
</SCRIPT>
</BODY>
>
<HEAD //--> </HTML
> <PRE> } } >
}
<!-- </PRE>
<BODY
Fungsi
Mendefinisikan Fungsi
function nama(daftar_parameter) {
Pernyataan_1;
Nama fungsi

pernyataan_n;
}

c = jumlah ( 2 , 3 );
argumen

Nilai balik

<TITLE>Contoh Fungsi</TITLE>

</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
function jumlah(x, y) {
var hasil = x + y;
return(hasil);
var z = jumlah(2, 3);
document.write(z);
document.write("<BR>");
document.write(jumlah(4, 5));
</SCRIPT>
</BODY>
• HTML> <!-- </HTML>
<HEAD> <BODY> }
//-->

Fungsi Rekursif
Fungsi rekursif adalah fungsi yang memanggil dirinya send
Contoh : Faktorial
<TITLE>Variabel Lokal</TITLE>
</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
function faktorial(n) {
if (n == 0)
return(1);
return( n * faktorial(n-1));
var z = 77;
document.write("4! = " + faktorial(4));
</SCRIPT>
</BODY>
• <HEA <HTM <BOD </HT
else
•
D> L> Y> <!--
}
//--> ML>

Fungsi yang Dibuat Sendiri


Memvalidasi Masukan pada Formulir
<FORM NAME = "formku">
Nama : <INPUT TYPE = "TEXT"
<INPUT TYPE = "BUTTON"
NAME = "nama"><BR>
VALUE = "Kirim"
onClick =
"cekNama(this.form)"><BR>
</FORM>
</BODY>
<PRE> > </HTML>
</PRE

TITL GUA if "Nam .focu ct(); "Teri ents[ RIPT


>
E> GE = (form a s(); retur ma 0].val
<TIT
</HE "Java funct .elem harus n(fals kasih ue);
LE>V
AD> Script ion ents[ dima e); , " + retur
alida >
<SC " cekN 0].val sukk n(tru
si ;
RIPT ama( ue ==an") form. e);
Masu form.
{
LAN form) "") form. nama </SC
kan</ { alert( elem
alert( nama .sele
• >
<BODY <!-- //-->
<HTML > }
<HEAD > }
Fungsi yang Dibuat Sendiri
function aturWaktu() {
var sekarang = new Date();
l u
var waktuSekarang = sekarang.toLoca document.formWaktu.teksWaktu.val waktuSekarang;
setTimeout('aturWaktu()', 1000);
return(true);
// Menjalankan fungsi aturWaktu
aturWaktu();
</SCRIPT>
</BODY>
E>Ja E=
mpil
m</TI "form
kan TLE> Wakt
u">
Jam
<INP
Me <FOR
} UT
M
na TYPE
<TITL NAM
=
"TEX UAG u "22">
T" //--> E = Sekar </FO
NAM </HT "Java ang : RM>
<HEA </HE
E = ML> Script > AD>
D
VALU
"teks ">
<SCR <HT <BO
• E = ""
Wakt >
IPT ML> DY
u" Wakt SIZE
LANG <!--
=

OBJEK Objek dari Navigator (Browser)


•
i
JavaScript membagi satu halaman Navigator dalam berbaga dengan tujuan
r
untuk memudahkan akses salah satu dari me memanipulasinya dengan cara
merubah sifat/kondisi (properti–
e
Dimulai dari obyek yang paling besar diantara semuanya, k berdasarkan
tingkatan sampai kepada obyek yang diinginkan• Obyek paling besar adalah obyek
t
jendela (window) dari naviga • Di dalam obyek jendela, ada satu obyek yang ditampilkan
m
dala halaman, kita sebut obyek dokumen atau document –

Halaman itu berisi banyak obyek seperti, formula, text, image da•

Untuk mengakses satu obyek, kita harus mengakses terlebih yang paling besar(
dalam hal ini obyek window ) –
Contoh : •
<script language="Javascript">
<!-- function ModifField()

{
if (document.forms["form1"].check_box.checked)
{document.forms["form1"].text_field.value="checkbox dipilih"}
else
{document.forms["form1"].text_field.value="checkbox tidak dipilih"}
}
// -->
</script>

Objek Standard JavaScrip


Objek Array
u
Obyek array adalah satu obyek yang memungkinkan kita membuat dan
k
memanipulasi tabel, berikut ini adalah sinta membuat tabel : var x =

new Array(elemen1[, elejika tidak ada elemen yang disebutkan dalam


u
parameter, tabel it tabel kosong pada saat pembuatannya, sebaliknya jika
i
elemen di tabel akan di inisialisasi oleh nilai dari elemen tersebut. •

Metode standard Objek Array :•


y
O bj e k A rr a
tampil ngth; + ", : docu
kanEl i++) { "<BR "Dang <BR> ment.
emen docu >"); dut"); "); write(
Array(ment. var "Isi
){ write( tana array
"[" + i var man tana
<SCR
<TITL + "] = Array. musik = man:
IPT
E>Pr "+ protot = new <BR>
LANG "Brom
operti ype.c new Array ");
UAG elia");
protot etak Array ("Agla
E= docu
("Jazzonem tana
ype</ =
"Java ment.
for man.c
TITLE tampil ", a",
> Script write( </SC
(var i etak()
</HE kanEl "Rock "Bego
"> "Isi ; RIPT
AD> = 0; i , nia",
emen " >
functi
< array musik
Array; "kero </BO
on
this.le this[i] musik .cetak
ncong DY>
();
<HTML>
Conto h : •
</HTML
} >
<BODY> <!-- //-->
<HEAD> }
a
Obyek date memungkinkan kita untuk bekerja dengan semua vari berhubungan

dengan penanggalan dan juga durasi waktu.

Objek Date (Waktu)

Sintaks sintaks untuk membuat obyek date adalah berikut ini : •


• Nama_dari_obyek = new Date()
m
sintaks ini memungkinkan kita untuk menyimpan tanggal dan ja •
Nama_dari_obyek = new Date(“hari, bulan tanggal tahun
jam:menit:detik”)
f
parameter berbentuk string dengan batas batas pemisah sepeti diatas.
• Nama_dari_obyek = new Date(tahun, bulan, hari)
parameter adalah 3 integer yang dipisahkan oleh tanda koma
o s , ,
getMonth(), getTime(),t ,setDate(X), setHours(X) , setTime(X) Contoh :
i
l Pembahas Objek Waktu Standard •
Objek Radio
<INPUT TYPE = "TEXT"
NAME = "fieldMusik"
SIZE = "40">
i
<SCRIPT LANGUAGE = "JavaScr <!--
function info() {
for (var i = 0; i < 4; i++)
M u
if (document.formTes.radio document.formTes.fieldM document.formTes.radio
</SCRIPT>
Info: gakses </FOR musik sukai<
Objek M> yang BR>
radio</ paling
<TITL Klik
TITLE Anda
E>Men > pada
k= Y> "info()" k= k=
"info()" </HTM >Kero "info()" "info()"
>Jazz<L> ncong >Dang >Lainn
BR> <BR> dut<B ya<BR
} >
R>
//-->
onClic onClic
</BOD onClic
onClic k=

<HE ML> RM E=
"Jazz "Kero IO" E = IO" E =
NAM " NAM
AD> </HE NAM "RAD ncon "Dan NAM "Lain
E= E= NAM
<INP
AD> E = IO" g" gdut" E = nya"
"radio "radio E=
UT
"form MET "radio
Musi Musi <INP "radio<INP
" HOD TYP
Tes UT Musi UT Musi
<BO k" k"
E= " <HR
>
DY <INP = TYP k
VALU VALU TYP k" >
"RA
<HT <FO UT "GET E = E = E = VALU E =
> DIO" VALU
TYP " "RAD "RAD
Objek Password "
<SCRIPT LANGUAGE = <!--
function cekPassword() {
p p
if (document.formTes. document.formTes. alert("Dua password
tidak sama");
window.location.href

</SCRIPT>
</BODY>
}
//--> </HT
else
ML>
UT RD" olPro M E=
TYPE ses" NAM "pass
= E = word_
<TITL "PAS "form 2">
E>Me SWO Tes"
ngaks RD" VALU
MET
es
ACTI Pass E=
HOD
Objek word <INP "Pros
ON = onCli
=
pass Sekali UT es"
"tesfo ck =
"POS
word< Lagi: TYPE
rm.ht "cekP
T">
/TITL " <INP =
m assw
NAM
E> UT "BUT
Pass ord()"
> E=
word TYPE TON"
"pass
= NAM </HE
Peng </FO
> word_
AD
ganti : "PAS E = RM>
1">
<FOR
<INP SWO "tomb
NAM
<HEAD> <HTML> <BODY>
<PRE>
</PRE>

Anda mungkin juga menyukai