Pemprograman & Perancangan Web Java Script Dasar javascript,variabel, manipulasi string, fungsi matematis, table dan menu option
1
Dalam modul ini akan dipelajari: 1. 2. 3. 4. 5. 6. 7.
Definisi Java Script Statemen write() Data,variabel dan operator Comentar dan case Fungsi tanggal, string dan matematis Table dan menu Seleksi dengan radio
2
1
1. Definisi Java Script Java script adalah suatu script yang diinsetkan kedalam HTML sebagai script Browser yang mengenal javaScript akan menterjemahkan kodekode java dan hasilnya ditampilkan menyatu dengan kode-kode HTML Java Script bekerja pada sisi clen (yaitu pada browser) Tag HTML untuk memperkenalkan bahwa kode-kode adalah java script adalah :
<Script Language=Javascript> isi kode java script
Isi kode java script dapat berupa statemen-statemen java script yang tidak sepenuhnya sama dengan statemen java 3
2. Mencetak ke dalam dokumen Dalam java jika kita akan mencetak kelayar akan menggunakan System.out.println() jika dalam modus command line, atau g.drawString(string,x,y) jika dalam modus window Dalam java Script kita menggunakan document.write(teks) teks : dapat berupa string, variabel atau tag HTML
Klik-klik untuk detail efek ! 4
2
3. Data, variabel dan Operator OPERATOR : Operator aritmetika (*,/,+,-) dan logika(<,><=,>=,!=, &&, || dan !) sama persis dengan program java VARIABEL : Dalam java Script variable cukup dideklarasikan dengan var (tidak harus). Tidak dibedakan apakah variabel itu bilangan(int, float) atau string. Contoh : var A=10; var B=”JOKO” , atau cukup A=10; B=”JOKO”
Klik lihat hasil
demo 5
4. Komentar dan Case
Komentar dalam Java Script sama dengan dalam Java, yaitu menggunakan : // atau /* // ini komentar /* komentar komentar */ Masalah case juga sama dengan Java, dimana huruf Besar dengan huruf kecil dibedakan : A=10; dan a=5; adalah dua variabel yang berbeda
Klik lihat contoh
Klik untuk lihat hasilnya
6
3
5. Fungsi Tanggal dan waktu
Membuat objek tanggal dengan new Date() Beberapa fungsi tanggal: getDay() = angka hari getDate() = angka tanggal getMonth() =angka bulan 0,1,..,11 getYear() = angka tahun Untuk mengakses jam : getHours() getMinutes() getSeconds()
Klik untuk lihat hasilnya
demo 7
Fungsi-fungsi string dan table
Operasi penggabungan string dilakukan dengan + Suatu string dalam JavaScript dapat berfungsi sebagai TAG HTML yang memilii efek pada tampilan Efek tampilan itu misalnya untuk membaut table dengan tag
...,
dan | Fungsi string : substring(awal, akhir) Fungsi string : length = (panjang string)
Klik contoh program
Demo program 8
4
Fungsi-fungsi matematis
Fungsi-fungsi matematis dalam java script masih sama dengan dalam Java, yaitu menggunakan class Math Contoh: Math.random() = bilangan acak >0 dan <1 Math.sin(sudut radian) = mencari sinus Math.cos(sudut radian) = mencari cosinus Math.exp(x) = e^x Math.log(x) = e log x Math.sqrt(x) = akar dari x
hasil
demo 9
Masukan data dari form Masukan data dari form diawali dengan mendefinisikan form dengan tag
