Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta Java Script Pemrograman Berorientasi Objek Sistem Komputer-S1 IST AKPRIND Yogyakarta
Pengertian Java Script Java Script adalah sebuah bahasa pemrograman yang dirancang untuk penggunaan pada browser web. Java script bukan scripting language, juga sama sekali tidak berhubungan dengan platform Java milik Oracle. Dapat ditulis kode dalam JavaScript sebagai bahasa full fitur yang dengan satu pengecualian mampu berjalan dalam sebuah browser web, seperti Chrome, Firefox, atau internet Explorer.
Pengertian Java Script Secara umum dapat dipergunakan untuk memanipulasi “Document Object Model” (DOM), yang meliputi elemen-elemen pada sebuah laman web. Javascript dieksekusi pada client side (komputer pengguna): sebuah server website mengirim javascript ke browser milik pengguna, dan browser tersebut menginterpretasikan dan menjalankan kodenya Semua terjadi dalam sebuah sandbox, yang menjaga agar javascript tidak Menyentuh internal sistem, sehingga men- cegah malicious code (kode jahat) menginfeksi komputer pengguna.
Kegunaan Javascript Kegunaan utama JavaScript: Untuk menuliskan fungsi yang disisipkan ke dalam HTML baik secara langsung disisipkan maupun diletakkan ke file teks dan di link dari dokumen HTML.
JAVA SCRIPT Membuat applet dengan JAVA saat ini tentu hanya merupakan satu pilihan, karena banyaknya software pendukung untuk perancangan suatu halaman WEB. Tentu pekerjaan yang sangat membosankan untuk sekedar membuat applet yang berisi tulisan dengan warna tertentu dan animasi sederhana dengan mengkodekan sendiri melalui code JAVA, karena dengan perangkat lunak semisal Microsoft FrontPage pekerjaan itu dapat dilakukan dengan mudah tanpa harus memprogram dengan JAVA.
JAVA SCRIPT Demikian halnya untuk membuat animasi akan lebih menarik dibuat dengan Macromedia Flash atau DreamWeaver . Apabila aspek pemrograman lebih disukai dari penggunaan paket-paket program khusus perancang WEB, maka kemampuan memprogram JAVA masih dapat diaplikasikan.
JAVA SCRIPT Salah satu perangkat pemrograman yang dapat diselipkan dalam tag-tag file halaman WEB (file HTML) adalah perintah-perintah pemrograman JAVA yang dikenal sebagai JAVA SCRIPT. Dengan JAVA SCRIPT dimungkinkan untuk membuat halaman WEB lebih interaktif, karena dapat dirancang suatu antar muka dengan GUI (Grafical User Interface), yang barangkali untuk membuat applet dengan code JAVA lebih suit dirancang, seperti mengendalikan button, TextEdit, TextArea, RadioButton, slider dan lain-lain.
Gambar Halaman WEB kosong Untuk mengenalkan dengan JAVA script berikut ini ditampilkan halaman WEB kosong dari MS-FrontPage: Gambar Halaman WEB kosong
Apabila tombol HTML diklik (di bagian bawah ada tiga pilihan: Normal,HTML,Preview), maka akan ditampilkan kode HTML sebagai berikut : <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 1</title> </head> <body> </body> </html>
Apabila dalam file HTML diinginkan untuk menulis JAVA SCRIPT maka dapat diketik kode diantara tag : <script LANGUAGE="JavaScript"> DISINI DPT DIKETIKKAN KODE_KODE JAVA SCRIPT </script>
Contoh: Script untuk menuliskan suatu teks (dengan: document Contoh: Script untuk menuliskan suatu teks (dengan: document.write(teks)) sebagai berikut: <Script LANGUAGE="JavaScript"> document.write ("HELLO MAS JAVA SCRIPT!!") </Script> Hasil adalah (cukup dengan menekan tombol Preview): HELLO MAS JAVA SCRIPT!!
Loop dalam Javascript: Sebagian besar kemampuan JAVA program seperti if, loop : for, while dapat juga diimplementasikan dalam JAVA script. Berikut contoh JAVA script untuk mencetak Hello : 10 kali : <Script LANGUAGE="JavaScript"> var i for (i=1;i<=5;i++) document.writeln("HELLO "+i +" ") </Script> Hasilnya : HELLO 1 HELLO 2 HELLO 3 HELLO 4 HELLO 5
Function dalam Java script Fungsi adalah sebuah blok kode yang mengeksekusi hanya apabila dituliskan/diperintahkan untuk mengeksekusi. Hal ini dapat terjadi ketika sebuah peristiwa, seperti ketika pengguna mengklik tombol, atau dari panggilan dalam naskah atau dari panggilan fungsi lain. Fungsi dapat ditempatkan baik di <head> dan di bagian <body> dokumen, pastikan bahwa fungsi ada, ketika panggilan dilakukan.
Function dalam Java script Dimungkinkan membuat suatu fungsi dalam java script. Misalnya untuk mencetak n kali dibuat fungsi Cetak(n), sebagai berikut : <Script LANGUAGE="JavaScript"> function cetak(n) { for (i=1;i<=n;i++) document.writeln("HELLO "+i +" ") } cetak(9) </Script> Hasil : HELLO 1 HELLO 2 HELLO 3 HELLO 4 HELLO 5 HELLO 6 HELLO 7 HELLO 8 HELLO 9
Komponen antar muka grafis Untuk berinteraksi dengan pengguna umumnya lebih menarik digunakan komponen antar muka grafis seperti tombol dan teks_edit. Berikut ini didesain suatu kode JAVA Script untuk mencari n faktorial, dengan n adalah bilangan yang diinpukan dari keyboard melalui komponen TextEdit. Selanjutnya didefinisikan dua tombol, tombol Hidung yang di dalamnya dipanggil fungsi untuk menghitung dan untuk menampilkan hasil hitungan serta tombol clear untuk membersihkan TextEdit, untuk digunakan menghitung lagi. Berikut ini kode JavaScriptnya :
Komponen antar muka grafis <script LANGUAGE="JavaScript"> function fak(n) { var n=document.fm.nilai_n.value var f=1 for (var i=1;i<=n; i++) f*=i document.fm.hasil.value=f } function bersihkan() document.fm.nilai_n.value="" document.fm.hasil.value="" } </script>
Kode tersebut ditanamkan dalam file HTML yang lengkapnya sebagai berikut : <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Demo Tulisan Jalan</title> </head> <script LANGUAGE="JavaScript"> function fak(n) { var n=document.fm.nilai_n.value var f=1 for (var i=1;i<=n; i++) f*=i document.fm.hasil.value=f }
function bersihkan() { document. fm. nilai_n. value="" document. fm function bersihkan() { document.fm.nilai_n.value="" document.fm.hasil.value="" } </script> <h2>MENGHITUNG FAKTORIAL</H2> <h3>Masukkan nilai n disini </h3> <form name="fm" > <input type ="text" name="nilai_n" value ="" size="5" > <br><br> <input type =button value="hitung" onclick="fak(5)" > <input type =text name="hasil" value="" size="25" > <br> <br> <input type =button value="clear" onclick="bersihkan()" > </form> </html>
Adapun hasil brows dari file HTML yang mengandung Java Script tersebut adalah sebagai berikut :