PENGENALAN JAVASCRIPT

Ukuran: px

Mulai penontonan dengan halaman:

Download "PENGENALAN JAVASCRIPT"

Ivan Sutedja
6 tahun lalu
Tontonan:

1 PENGENALAN JAVASCRIPT Kode JavaScript pada Halaman HTML. Kode JavaScript dituliskan langsung pada halaman HTML. Kode JavaScript selalu diawali tag <script language= JavaScript > dan diakhiri dengan tag. Latihan 1: <br> Ini Halaman HTML Normal <br> document.write("yang ini akibat JavaScript!") <br> Ini HTML lagi Operator Aritmatika Operator = Sama dengan + Tambah - Kurang * Kali / Bagi ++ Increment -- Decrement == Perbandingan!= Tidak sama dengan Fungsi

2 Operator Logika > Lebih besar dari >= Lebih besar atau sama dengan < Lebih kecil dari <= Lebih kecil atau sama dengan % Modulo (mencari sisa pembagian) += Shorthand untuk penambahan -= Shorthand untuk pengurangan *= Shorthand untuk perkalian Operator Fungsi && And Or! Not PERINTAH PERINTAH JavaScript var var adalah perintah untuk mendeklarasikan variable. Bisa juga berupa konstanta. Latihan 2: var i=2+3*6 document.write(i)

3 document.write Perintah ini digunakan untuk menampilkan hasil ke layar. Perintah ini bisa dikombinasi dengan tag HTML. Latihan 3: document.write("<h1>selamat Datang!</h1>") prompt Perintah untuk meminta masukan dari user. Latihan 4: var nama=prompt('ketik nama anda :','') var alamat=prompt('ketik alamat anda :','') document.write("nama anda : "+nama+"<br>") document.write("alamat anda : "+alamat)

Akan muncul dialog box kedua untuk masukan alamat seperti gambar berikut ini: Isi dengan alamat anda

4 Ketika dijalankan, pertama akan muncul dialog box masukan untuk nama seperti gambar berikut ini: Isi dengan nama anda setelah itu klik OK. Akan muncul dialog box kedua untuk masukan alamat seperti gambar berikut ini: Isi dengan alamat anda lalu klik OK. Akan muncul hasil seperti berikut ini: alert Perintah ini digunakan untuk menampilkan message box. Latihan 5: alert("selamat Datang di Website kami.")

5 Setelah dijalankan akan muncul message box seperti berikut: new Array() Perintah ini digunakan untuk membuat array. new Date() Perintah ini digunakan untuk mengakses data tanggal, bulan, tahun, jam, menit dan detik dari sistem komputer. getdate() Perintah ini digunakan untuk mengambil data tanggal dari perintah new Date(). getmonth() Perintah ini digunakan untuk mengambil data bulan dari perintah new Date(). getyear() Perintah ini digunakan untuk mengambil data tahun dari perintah new Date(). Latihan 6: var namabulan=new Array(13); namabulan[1]="januari"; namabulan[2]="februari"; namabulan[3]="maret"; namabulan[4]="april"; namabulan[5]="mei"; namabulan[6]="juni"; namabulan[7]="juli"; namabulan[8]="agustus"; namabulan[9]="september"; namabulan[10]="oktober"; namabulan[11]="nopember"; namabulan[12]="desember"; var tanggalsistem=new Date(); var tanggal=tanggalsistem.getdate(); var bulan=namabulan[tanggalsistem.getmonth()+1]; var tahun=tanggalsistem.getyear(); document.write("hari ini tanggal "+tanggal+" "+bulan+" "+tahun);

gethours() Perintah ini digunakan untuk mengambil data jam dari perintah new Date(). getminutes() Perintah ini digunakan untuk mengambil data menit dari perintah new Date().

6 gethours() Perintah ini digunakan untuk mengambil data jam dari perintah new Date(). getminutes() Perintah ini digunakan untuk mengambil data menit dari perintah new Date(). getseconds() Perintah ini digunakan untuk mengambil data detik dari perintah new Date(). Latihan 7: var timestr function clock() { now=new Date() hours=now.gethours() minutes=now.getminutes() seconds=now.getseconds() timestr = "" + hours timestr += ((minutes < 10)? ":0" : ":") + minutes timestr += ((seconds < 10)? ":0" : ":") + seconds document.clock.time.value=timestr Timer = settimeout("clock()",1000) <body onload="clock()"> <form name="clock"> Time : <input type="text" name="time" size="8" value=""> </form>

$Latihan 8: <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> function cek_nilai() { if (document.fnilai.$ txtnilai.value >= 60) { document.fnilai.txtket.

txtnilai.value >= 60) { document.fnilai.txtket.

7 if Perintah if adalah perintah untuk melakukan perbandingan. Latihan 8: <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> function cek_nilai() { if (document.fnilai.txtnilai.value >= 60) { document.fnilai.txtket.value="lulus" else { document.fnilai.txtket.value="tidak Lulus" </SCRIPT> <FORM NAME="FNilai"> Masukkan Nilai : <INPUT NAME="txtNilai" TYPE="TEXT" SIZE="3"> <INPUT TYPE="button" VALUE="OK" onclick="cek_nilai()"> <br>keterangan : <INPUT NAME="txtKet" TYPE="TEXT" SIZE="15"> </FORM> </BODY> </HTML>

8 for for adalah perintah untuk melakukan loop atau pengulangan sebanyak nilai yang telah ditentukan. Latihan 9: for (var i=1 ; i < 11 ; i++) { document.write(i+"<br>") while Perintah ini digunakan untuk melakukan loop sampai suatu kondisi yang ditentukan terpenuhi. Latihan 10: var i=1 while (i<11)

9 { document.write(i+"<br>") i+=2 function Perintah ini digunakan untuk membuat fungsi. Fungsi adalah sekumpulan perintah yang dapat dipanggil kapan saja di bagian lain dalam program. Contoh dapat dilihat pada latihan latihan diatas.

10 OLEH : NOVRIANTA GAUTHAMA

dokumen-dokumen yang mirip

PENGENALAN JAVASCRIPT

PENGENALAN JAVASCRIPT A. MAKSUD DAN TUJUAN 1. MAKSUD Memperkenalkan bahasa javascript. Membuat tampilan pesan dengan javascript. 2. TUJUAN Mahasiswa dapat mengenal bahasa javascript. Mahasiswa mengerti