Mengenal Dasar-Dasar JavaScript
Sekilas tentang JavaScript
Javascript
adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses di
sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi
semakin luas. Sebagai contoh, dengan menggunakan JavaScript dimungkinkan
untuk memvalidasi masukanmasukan pada formulir sebelum formulir
dikirimkan ke server. Javascript bukanlah bahasa Java dan merupakan dua
bahasa yang berbeda. Javascript diinterpretasikan oleh klien (kodenya
bisa dilihat pada sisi klien), sedangkan kode Java dikompilasi oleh
pemrogram dan hasil kompilasinyalah yang dijalankan oleh klien.
Struktur JavaScript
Struktur dari JavaScript adalah sbb :
<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.
JavaScript sebagai bahasa berorientasi pada obyek
Properti
Properti adalah atribut dari sebuah objek. Contoh, objek mobil punya properti warna mobil.
Penulisan :
Nama_objek.nama_properti = nilai
window.defaultStatus = ”Selamat Belajar Dasar-Dasar JavaScript”;
Metode
Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan
terhadap objek.
Penulisan :
Nama_objek.nama_metode(parameter)
document.write (”Hallo Sahabat Sampul Ilmu”)
Letak JavaScript dalam HTML
Skrip Javascript dalam dokumen HTML dapat diletakkan pada :
1. Bagian Head
2. Bagian Body (jarang digunakan).
Contoh Dasar-Dasar JavaScript
Sebelum mencoba belajar JavaScript Terlebih dahulu buatlah halaman HTML di komputer anda, untuk cara pembuatannya clik disini
Pemakaian alert sebagai property window
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat sebelumnya.
<HTML>
<HEAD>
<TITLE>Alert Box</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
window.alert("Mari Belajar Bersama Sampul Ilmu");
//-->
</SCRIPT>
</BODY>
</HTML>
Pemakaian metode dalam objek.
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat sebelumnya.
<HTML>
<HEAD>
<TITLE>Skrip JavaScript</TITLE>
</HEAD>
<BODY>
Percobaan memakai JavaScript:<BR>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write("Selamat Mencoba JavaScript<BR>");
document.write("Semoga sukses!");
//-->
</SCRIPT>
</BODY>
</HTML>
Pemakaian prompt
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat sebelumnya.
<HTML>
<HEAD>
<TITLE>Pemasukan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Siapa nama Anda?","Masukkan nama anda");
document.write("Hai, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML>
Pembuatan fungsi dan cara pemanggilannya
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman HTML anda Yang Telah dibuat sebelumnya.
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function pesan(){
alert ("memanggil javascript lewat body onload")
}
</SCRIPT>
<BODY onload=pesan()>
</BODY>
</HTML>
Semoga Bermanfaat Sebagai Pembelajaran
Tidak ada komentar:
Posting Komentar