pengantar java script

JAVA SCRIPT

M. Febriansyah., MT

PENDAHULUAN

JavaScript adalah bahasa script website (web scripting language) yang pertama kali dikembangkan oleh Netscape.

JavaScript berjalan aktif pada sisi client yang sepenuhnya dikendalikan oleh Browser.

PENDAHULUAN…

JavaScript berbeda dengan HTML, karena HTML memiliki cara penulisan yang sangat sederhana dan mudah dimengerti oleh manusia.

Sedangkan JavaScript penulisannya sama dengan bahasa pemrograman.

FUNGSI JAVA SCRIPT PADA KONTEN HTML

JavaScript mampu :

- Merubah

- Menambah

- Menghapus

isi pada dokumen HTML dengan menggunakan perintah-perintah kode programnya.

CONTOH KODE JAVA SCRIPT

<!doctype html>

<html>

<head>

<script type="text/javascript">

document.write('<h1>Ini JavaScript Pertamaku</h1>');

</script>

</head>

<body>

</body>

</html>

PENGENALAN SINTAK

Aturan baku cara penulisan kode program untuk melakukan suatu perintah tertentu disebut Sintak.

Sintak penulisan JavaScript nyaris sama dengan pemrograman C/C++, Java, C# atau PHP, masih satu keluarga dengan pemrograman C.

Setiap baris pada perintah JavaScript di akhiri dengan titik koma / semicolon ;

Blok kode pada JavaScript menggunakan kurung kurawal { }

CONTOH SINTAK

<script type="text/javascript">

var nama = 'febri';

for(i = 0; i < 5; i++){

alert(i);

}

function hay(){

alert('haloo '+nama);

}

hay();

</script>

PENGGUNAAN JAVA SCRIPT

Kode JavaScript dapat dimasukan ke dalam HTML dengan 2 cara, yaitu :

1.Menuliskannya langsung di dalam dokumen HTML di dalam tag <script>.

2.Dengan menuliskannya terpisah dari dokumen HTML.

PENGGUNAAN…

Kapan menulis kode JavaScript di dalam dokumen HTML dan kapan menuliskannya secara terpisah? Jika fungsi dari script itu hanya digunakan pada satu dokumen HTML, maka cukup menuliskannya di dalam dokumen tersebut.Namun ketika fungsi dari script tersebut dibutuhkan dibeberapa/semua dokumen HTML, maka perlu menuliskannya secara terpisah. Caranya hanya dengan memanggil javascript tersebut pada dokumen-dokumen HTML yang lain.

CONTOHPENULISAN JAVA SCRIPT

Penulisan Tag JavaScript didalam dokumen :

<script type="text/javascript"> </script>

Penulisan Tag JavaScript terpisah dari dokumen :

<script src="script_ku.js” type="text/javascript"></script>

Dengan ketentuan file script_ku.js diletakan dalam folder yang sama dengan dokumen HTML utamanya: dokumen.html script_ku.js

VARIABEL JAVA SCRIPT

JavaScript merupakan bahasa Scripting sehingga variabel pada JavaScript lebih bersifat dinamis dibandingkan dengan bahasa pemrograman desktop karena variabel pada JavaScript tidak terbatas tipe data.

Untuk membuat sebuah variabel pada JavaScript, maka tidak perlu menentukan tipe datanya, hanya perlu menggunakan prefix var:.

STRUKTUR KENDALI PADA JAVA SCRIPT (IF)

Fungsi IF digunakan untuk menentukan blok kode mana yang dijalankan ketika kondisi bernilai true atau false (Boolean).

Kondisi dalam percabangan hanya ada TRUE dan FALSE. Jika kondisi tidak bernilai Boolean, perhatikan tabel berikut :

STRUKTUR KENDALI PADA JAVA SCRIPT (IF)…

Kondisi Hasil Keterangan

if(true) TRUE boolean true = true

if(false) FALSE boolean false = false

if("") FALSE string kosong = false

if(" ") TRUEstring berisi satu atau lebih karakter = true

if("0") TRUE string berisi karakter angka nol = true

if(0) FALSE angka nol = false

if(-1) TRUE angka negatif = true

if(1) TRUE angka lebih dari nol = true

if(null) FALSE null = false

STRUKTUR KENDALI PADA JAVA SCRIPT (IF)…

Sintak Percabangan IF :

if(kondisi){Kode yang dijalankan jika kondisi bernilai TRUE }else{Kode yang dijalankan jika kondisi bernilai FALSE }

STRUKTUR KENDALI PADA JAVA SCRIPT (LOOP)

Perulangan merupakan pengeksekusian blok kode program secara berulang hingga mencapai syarat tertentu.

Ada 2 jenis perulangan pada JavaScript, yaitu menggunakan for dan while do.

Dimana for terbagi menjadi 2 sintak dan while do juga memiliki 2 sintak.

STRUKTUR KENDALI PADA JAVA SCRIPT (LOOP)…

Perulangan For

Digunakan untuk perulangan yang jumlahnya sudah diketahui.

Contoh:

<script type="text/javascript"> for(var i = 1; i < 6; i++){ document.write('ke ' + i + '<br />'); } </script>


Perulangan For In

Merupakan perulangan yang digunakan pada variabel Object { } atau Array [ ].

Contoh:

<script type="text/javascript"> var ARRAY = ['aa','bb','cc','dd']; for(i in ARRAY){ document.write('index ' + i + ' nilainya ' + ARRAY[i] + '<br />'); }

</script>


Perulangan While

Akan menjalankan blok kode selama kondisi bernilai benar. While akan berhenti secara otomatis jika kondisi sudah bernilai salah.

Perulangan while memiliki 2 cara / sintak, yaitu:

1. Perulangan While do

2. Perulangan Do While

PERBEDAANWHILE DO DENGAN DO WHILE

Perulangan While do akan berjalan selama variabel kondisi bernilai true dan berhenti apabila isi variabel kondisi menjadi false.

Perulangan Do while akan menjalankan blok kode terlebih dahulu, baru setelah itu melakukan pengecekan kondisi apakah true atau false. Jadi setidaknya perulangan do while akan menjalankan satu kali blok kode.

STRUKTUR KENDALI PADA JAVA SCRIPT (SWITCH CASE)

Switch case digunakan untuk percabangan yang kondisinya banyak.

Jika kondisi percabangannya banyak, seperti peringkat nilai, contoh nilai A = sempurna, B = bagus, C = sedang, D = kurang. akan susah jika menggunakan percabangan if.

Untuk menyelesaikan kondisi di atas, digunakan sistem percabangan switch case.

STRUKTUR KENDALI PADA JAVA SCRIPT (SWITCH CASE)…

Sintak percabangan Switch Case

switch(nilai){case kondisi_a: kode yang dijalankan ketika nilai = Abreak;case kondisi_b: kode yang dijalankan ketika nilai = Bbreak;case kondisi_c: kode yang dijalankan ketika nilai = Cbreak; . . . . dan kondisi seterusnya (jika diperlukan) default:blok kode yang dijalankan ketika tidak ada pilihan kondisi yang sesuai blok default merupakan opsional (boleh disertakan boleh tidak)

}

pengantar java script

Software