JavaScript sebagai bahasa berorientasi objek dapat digunakan
untuk memvalidasi masukan – masukan pada formulir sebelum formulir dikirimkan
ke server.
Struktur JavaScript :
<SCRIPT LANGUAGE = ”JavaScript”>
<!- -
Penulisan kode javascript
// - - >
</SCRIPT>
Keterangan :
Kode <!- - // - - > umumnya disertakan dengan tujuan
agar sekiranya browser tidak mengenali JavaScript maka browser akan memperlakukannya
sebagai komentar sehingga tidak ditampilkan pada jendela browser.
Adapun contoh perintah dasar yang sering digunakan pada
JavaScript sebagai berikut :
1. Pemakaian Alert Sebagai Property Window
Script :
<HTML>
<HEAD>
<TITLE>www.Peiindostar.com</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
window.alert("Ini merupakan pesan untuk Anda");
//-->
</SCRIPT>
</BODY>
</HTML>
2. Pemakaian Metode Dalam Objek
Script :
<HTML>
<HEAD>
<TITLE>www.Peiindostar.com</TITLE>
</HEAD>
<BODY>
Percobaan Menggunakan JavaScript:<BR>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write("Selamat Mencoba JavaScript<BR>");
document.write("Semoga sukses!<BR>");
document.write("Kunjungi kami selalu disini www.Peiindostar.com");
//-->
</SCRIPT>
</BODY>
</HTML>
3. Pemakaian Prompt
Script :
<HTML>
<HEAD>
<TITLE>www.Peiindostar.com</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Siapa nama Anda? www.Peiindostar.com",
"Silahkan Masukan Nama Saudara");
document.write("Hai, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML>
4. Pembuatan Fungsi dan Cara Pemanggilannya
Script :
<HTML>
<HEAD>
<TITLE>www.Peiindostar.com</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function pesan(){
alert ("memanggil javascript lewat body onload, www.Peiindostar.com")
}
</SCRIPT>
<BODY onload=pesan()>
</BODY>
</HTML>
Contoh JavaScript Untuk Membuat Form Input :
1. Form Input
Script :
<html>
<head>
<TITLE>www.Peiindostar.com</TITLE>
</head>
<SCRIPT language="Javascript">
function test () {
var val1=document.kirim.T1.value
if (val1%2==0)
document.kirim.T2.value="Bilangan Genap"
else
document.kirim.T2.value="Bilangan Ganjil"
}
</SCRIPT>
<body>
<form method="POST" name="kirim">
<p>BILANGAN <input type="text" name="T1" size="20">
MERUPAKAN BILANGAN <input type="text" name="T2" size="20">
</p>
<p><input type="button" value="TEBAK" name="B1" onclick=test()>
</p>
</form>
</body>
</html>
2. Form Button
Script :
<HTML>
<HEAD>
<TITLE>www.Peiindostar.com</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function ubahWarnaLB(warna) {
document.bgColor = warna;
}
function ubahWarnaLD(warna) {
document.fgColor = warna;
}
//-->
</SCRIPT>
<H1>UJI COBA</H1>
<FORM>
<INPUT TYPE = "BUTTON"
VALUE = "Latar Belakang Hijau"
onClick = "ubahWarnaLB('GREEN')">
<INPUT TYPE = "BUTTON"
VALUE = "Latar Belakang Putih"
onClick = "ubahWarnaLB('WHITE')">
<INPUT TYPE = "BUTTON"
VALUE = "Teks Kuning"
onClick = "ubahWarnaLD('YELLOW')">
<INPUT TYPE = "BUTTON"
VALUE = "Teks Biru"
onClick = "ubahWarnaLD('BLUE')">
</FORM>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write("Dimodifikasi Terakhir Pada " +
document.lastModified);
//-->
</SCRIPT>
</BODY>
</HTML>
Selamat Mencoba. Wasalammm...!!!
Tag :
JavaScript
0 Komentar untuk "Perintah – Perintah JavaScript Dalam Pemrograman Web"
------------------------------------------------------------------------------------
ATURAN PEMBERIAN KOMENTAR DAN SARAN :
- SOPAN
- RELEVAN
SILAHKAN BERIKAN KOMENTAR SAUDARA
ATAS PERHATIANNYA SAYA UCAPKAN TERIMAKASIH!!!
-------------------------------------------------------------------------------------