Pengenalan Javascript
Javascript adalah bahasa yang berbentuk kumpulan skrip yang berjalan padasuatu dokumen HTML. Sepanjang sejarah internet bahasa ini adalah bahasaskrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untukmemberikan kemampuan tambahan terhadap bahasa HTML denganmengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisibrowser bukan di sisi server web.
Penulisan Kode Javascript
Ada beberapa cara untuk menuliskan kode Javascript di dalamdokumen/halaman HTML, yakni menggunakan tag <script>, menggunakan fileeksternal, dan melalui event tertentu.
Javascript adalah bahasa yang berbentuk kumpulan skrip yang berjalan padasuatu dokumen HTML. Sepanjang sejarah internet bahasa ini adalah bahasaskrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untukmemberikan kemampuan tambahan terhadap bahasa HTML denganmengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisibrowser bukan di sisi server web.
Penulisan Kode Javascript
Ada beberapa cara untuk menuliskan kode Javascript di dalamdokumen/halaman HTML, yakni menggunakan tag <script>, menggunakan fileeksternal, dan melalui event tertentu.
- Menggunakan tag <script> Untuk membuat kode javascript dengan menggunakan tag script, dapat dilihat pada contoh dengan nama file alert1
- Menggunakan file ekstrenal Menuliskan kode program Javascript dalam suatu file teks dan kemudian file teks yang berisi kode Javascript di panggil dari dalam dokumen HTML
- Melalui event tertentu Penanganan Event atau Event Handler adalah kemampuan javascript untuk mendeteksi event atau kejadian-kejadian yang terjadi di halaman web, kemudian menangani atau melakukan suatu proses jika terdeteksi suatu event. Event di web bisa macam-macam, seperti klik, double klik, menggerakkan mouse, bila pointer mouse berada di atas suatu objek HTML, dan sebagainya.
Percobaan
Buatlah halaman web sebagai berikut.
Simpan dengan nama cetak.js
Lalu buat file html nya
Simpan dengan nama eks.html
Buatlah halaman web sebagai berikut.
Simpan file tersebut dengan nama event.html
Javascript dapat merubah content
Buatlah halaman web sebagai berikut.
Simpan file tersebut dengan nama ubahContent.html
Javascript dapat merubah atribut HTML (contoh pada atribut img/gambar)
Buatlah halaman web sebagai berikut.
Dari contoh diatas tersedia gambar bola sepak yang apabila di klik akan menjadi bola basket
Simpan nama file tersebut dengan nama ubahGambar.html
Javascript dapat merubah style CSS
Buatlah halaman web sebagai berikut.
Ketika tombol di klik maka ukuran font akan membesar dan warnanya menjadi biru
Simpan file tersebut dengan nama ubahStyle.html
Lalu buat file html nya
Simpan dengan nama eks.html
Buatlah halaman web sebagai berikut.
Simpan file tersebut dengan nama event.html
Javascript dapat merubah content
Buatlah halaman web sebagai berikut.
Simpan file tersebut dengan nama ubahContent.html
Buatlah halaman web sebagai berikut.
Dari contoh diatas tersedia gambar bola sepak yang apabila di klik akan menjadi bola basket
Simpan nama file tersebut dengan nama ubahGambar.html
Javascript dapat merubah style CSS
Buatlah halaman web sebagai berikut.
Ketika tombol di klik maka ukuran font akan membesar dan warnanya menjadi biru
Simpan file tersebut dengan nama ubahStyle.html