8e09e pemrograman internet 1 sesi 9

(1)

PENGENALAN

JAVA SCRIPT

Pemrograman Berbasis

Web/suvi.rahma@gmail.com

STIMATA@2018

(2)

KARAKTERISTIK JAVA SCRIPT



_{Suatu Script yang berjalan secara client site yang disisipkan pada}

dokumen HTML



_{Bahasa pemrograman yang dapat memberikan kemampuan tambahan}

terhadap bahasa HTML



_{JavaScript bersifat Case Sensitive}



_{Sintaks penulisan Javascript memiliki kemiripan dengan bahasa}

pemrograman Java dan Juga C



_{Javascript dikembangakan Netscape disebut Web Script}

(3)

SINTAKS JAVA SCRIPT

_<script

language=”javascript”>

<!—-

// pendefinisian variabel atau objek

/* statement – statement javascript */

//--> variabel atau objek

/* statement – statement javascript */

</script>

(4)

PENEMPATAN SKRIP JAVA SCRIPT

1. Body dalam

dokumen HTML

2. Header, dalam

bentuk function

3. Terpisah dari

dokument

HTML(External

diakhiri oleh

}

</script> </HEAD> <BODY> ...

... Function – function JavaScript yang dibuat dipanggil

dalam BODY ...

</BODY> </HTML>

Bilamana JavaScript diletakkan pada file (file.js) terpisah

dengan file y

dipanggil oleh file tersebut. Contoh penulisan Java dari external javascript:

<html> is written when the page

(5)

KOMENTAR

Untuk memeberikan komentar dalam skrip JavaScript menggunakan :

_{Untuk menulis komentar dalam satu baris kita gunakan karakter dobel slash.}

// semua karakter di belakang // tidak akan di eksekusi

_{Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan}

karakter /* dan */

(6)

JAVA SCRIPT SEBAGAI BAHASA

BERORIENTASI PADA OBYEK

_{Properti adalah atribut dari sebuah}

objek. Contoh, objek mobil punya properti warna mobil.

_{Penulisan :}

Nama_objek.nama_properti = nilai

_{window.defaultStatus = ”Selamat}

Belajar JavaScript”;

_{Metode adalah suatu kumpulan kode}

yang digunakan untuk melakukan sesuatu tindakan

terhadap objek.

_{Penulisan :}

(7)

PERINTAH MENCETAK JAVA SCRIPT

1. Objek Document

Property dari Objek Document



_{Untuk memberikan warna huruf}

_

_{document.fgColor= “warna”;}



_{Untuk memberikan caption / judul pada window}



document.title =

“judul_window”;



_{Untuk menuliskan semua eksekusi isi window / menulis teks tanpa ganti}

baris



document.write (“ tempat eksekusi”);



_{Untuk menuliskan semua eksekusi isi window / menulis teks dengan ganti}

(8)

PERINTAH MENCETAK JAVA SCRIPT

2. Objek Window

Method dari objek Window



_{Untuk memunculkan message box atau pesan peringatan}

_

window.alert(“pesan”);



_{Untuk memunculkan pesan konfirmasi}

_

_{window.confirm(“pesan”);}



_{Untuk mencetak sebuah inputan}

_

_{window.prompt (“ pesan”);}



_{Untuk membuka jendela dialog print}

_

_{window.print ();}

(9)

PERINTAH MENCETAK JAVA SCRIPT

3. Tanda Penghubung



_{Tanda penghubung dalam JavaScript adalah (+). Tanda ini}

digunakan untuk menghubungkan

variable dan string, atau variabel dan variabel.



_Contoh:

Nama=”Kucing”

(10)

VARIABEL



_{Variabel adalah tempat dimana kita menyimpan}

nilai-nilai

atau

informasi-informasi

pada

JavaScript.



_{Variabel yang dideklarasikan dapat di isi dengan}

nilai berupa huruf, angka, dll.



_{Jika anda memberi nilai pada variabel, maka}

(11)

VARIABEL

Aturan penamaan

variabel:

 Nama variabel harus dimulai dengan huruf, $, _(underscore) nama variabel cassensitive

 _{Tidak boleh menggunakan}

spasi

 _Jangan _menggunakan

reserved word (kata – kata – perintah dalam java script)

 Deklarasi variabel:

eksplisit : dengan menuliskan kata kunci var kemudian diikuti dengan nama variabel dan nilai dari variabel

implisit : dengan menuliskan secara langsung nama dari variabel dan diikuti nilai dari variabel

 _{Contoh1 : Var namakota;}

namakota = “malang”;

 _{Contoh2 : var namakota}

= “malang”;

 _{Contoh3: var namakota}

(12)

PELETAKAN VARIABEL



_{Jika dia}

dideklarasikan dibagian awal dari skrip program, yang artinya sebelum

pendeklarasian semua fungsi, maka semua fungsi di dalam program bisa

mengakses variabel ini, dan variabel ini menjadi

variabel global

.



_{Jika dia}

deklarasikan dengan menggunakan kata kunci

var di dalam suatu fungsi

(13)

KONVERSI JENIS VARIABEL

_Meskipun

JavaScript memungkinkan pengaturan perubahan jenis variabel secara transparan, kadang kadang kita perlu juga untuk melakukan konversi jenis variabel secara paksa.

_•_parseInt()

Fungsi ini mungkinkan merubah satu variabel yang dilewatkan dengan parameter tertentu (bisa dalam bentuk string ataupun dalam bentuk bilangan dalam basis yang disebutkan di parameter kedua) menjadi bilangan bulat. Sintaksnya adalah sebagai berikut : parseInt(string);

_{Berikut ini salah}

satu contoh penggunaan fungsi parseInt() : var a = "5"; var b = "10";

(14)

KONVERSI JENIS VARIABEL



parseFloat() Adalah satu fungsi inti dari JavaScript yang memungkinkan merubah variabel yang dilewatkan dengan parameter tertentu menjadi bilangan desimal, Sintaks dari fungsi parseFloat adalah sebagai berikut :

(15)

TIPE DATA

_Tip

e data String adalah data yang memuat karakter, misalnya “malang”.

String adalah sembarang teks yang berada di dalam tanda petik, baik petik tunggal (‘) ataupun ganda (‘’)

_Con

toh :

Var namakota = “malang”;

(16)

TIPE DATA



_{Tipe data}

integer

(bulat)dan

Tipe data Float

(pecahan) merupakan tipe data

numerik.



_Untuk

bilangan bulat, kita dapat mempresentasikan dengan basis desimal,

oktal ataupun heksadesimal.



_{Contoh :}

Var

x1= 34;

(17)

TIPE DATA



_T

ipe data Boolean terdiri dari dua nilai, yaitu true

atau false.



_C

ontoh :



_V

(18)

OPERATOR



_Opera

tor aritmatika

untuk operasi matematika



_Conto

h :



_<script>



_{var x = 4;}



_{var y = 2;}



_{z = x + y;}

(19)

OPERATOR

_Operator

Assignment operator yang berfungsi untuk memberikan nilai kepada suatu variabel menggunakan tanda sama dengan (=)

_{Contoh :} _<script>

var x = 4;

var y = 2;

x -= y alert(x);

(20)

OPERATOR

 Operator

Pembanding digunakan untuk membandingkan dua buah operan. Operan yang dikenal operator ini dapat bertipe string, numerik, dll