Java Script
advertisement
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 mencegah 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 lainlain.
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.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.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 :
