Dengan Java kita bisa membuat tampilan halaman sebuah web menjadi lebih menarik. Contoh penggunaan Java adalah pada fungsi Mouseover, scrolling marquees, slide photo, tampilan tanggal dan waktu, dll.
JavaScript dikembangkan oleh Netscape, yang yang didasarkan pada konsep pemrograman berbasis prototipe. Dengan Java Script kita bisa dengan mudah membuat sebuah halaman web yang interaktif. JavaScript juga bisa di tempelkan (embedded) pada program atau aplikasi lain.
Contoh Latihan 1
Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus dimasukkan di antara tag <script>...</script>. Berikut ini adalah contohnya (akan menampilkan sebuah dialog box berisi selamat datang! ketika sebuah tombol diklik oleh pengguna):
<input type="button" value="Tekan di sini" onclick="halo();"> <script type="text/javascript">
function halo() {
alert( "selamat datang!" );
}
</script>Dan hasilnya seperti ini.
Contoh Latihan 2
Contoh link dengan sistem konfirmasi pesan menggunakan JavaScript.Sisipkan JavaScript sesudah tag <head>.
<html>
<head>
<script language="JavaScript">
<!----------
function confirmIt
(dbMsg,okURL,cancelURL,aOkMsg,aCancelMsg,okTyp,cancelTyp,
okWin,cancelWin) {
if (confirm (dbMsg)) {
if (okTyp=="u") {
if(okWin=="Self") location.href=okURL;
if(okWin=="Parent") parent.location.href=okURL;
}
else if (okTyp=="a") {alert(aOkMsg); } }
else {
if (cancelTyp=="u") {
if(cancelWin=="Self") location.href=cancelURL;
if(cancelWin=="Parent") parent.location.href=cancelURL;
}
else if (cancelTyp=="a") { alert(aCancelMsg);
} } }//--------->
</script>
<title>Latihan JavaScript - 2 | Replace ID</title>
</head>
<body>
<center>
<p><br><H1>Contoh ke 2..Klink Link <a href="JavaScript:
confirmIt('Anda _cke_saved_href="JavaScript:
confirmIt('Anda _cke_saved_href="JavaScript:
confirmIt('Anda _cke_saved_href="JavaScript:
confirmIt('Anda _cke_saved_href="JavaScript:
confirmIt('Anda _cke_saved_href="JavaScript:
confirmIt('Anda _cke_saved_href="JavaScript:
confirmIt('Anda _cke_saved_href="JavaScript:
confirmIt('Anda yakin ingin belajar JavaScript
??','http://replace.web.id','','','','u','n','Self','Self')"
onMouseOver="self.status='Siapkah anda...'; return true" onMouseOut="self.status='';
return true">ini</a> bila ingin melihat hasilnya</font></H1>
</center>
</body>
</html>Klik untuk melihat hasil kerja
Jika anda merasa tutorial ini bermanfaat, jangan lupa tinggalkan komentar anda ya! Biar tambah semangat juga untuk menulis artikel / tutorial berituknya.
