Apa itu Javascript ?
Javascript merupakan bahasa pemrograman yang dijalankan pada sisi klien. Walaupun bahasa ini menggunakan kata “java” namun sesungguhnya bahasa ini bukanlah java yang diciptakan oleh James Gosling. Javascript adalah pemrograman structural sedangkan java adalah bahasa pemrograman berorientasi objek. Pada pemrograman yang dijalankan pada sisi klien (client-side) semua kode diletakan pada file html yang kemudian akan dieksekusi oleh browser.
Menggunakan Javascript
· Untuk Anda dapat dengan mudah memahami javascript, marilah kita mempraktekkannya dengan membuat file baru dengan nama latihan4.php.
· Kemudian ketikanlah kode berikut pada file yang baru Anda buat :
· Kode yang baru kita masukan merupakan kode untuk menyisipkan sebuah formulir secara sederhana, hanya saja yang peril diperhatikan adalah tag “id” karena tab ini nantinya berguna sebagai selector pada javascript. Jika tidak ada kesalahan dalam pengetikan kode, seharusnya seharusnya Anda akan menemui tampilan seperti berikut ini :
<div align="left">
<p align="right" > Forum </p>
<hr align="left" width="100%" size="10" noshade="noshade" />
<form id="form1" name="form1" method="post" action="">
<table width="90%" border="0" align="center" id="table">
<tr>
<td colspan="2">Post Baru</td>
</tr>
<tr>
<td width="17%">Topik</td>
<td width="83%"><label>
<input type="text" name="topik" id="topik" />
</label></td>
</tr>
<tr>
<td valign="top">Isi</td>
<td><label>
<textarea name="isi" id="isi" cols="45" rows="5"></textarea>
</label></td>
</tr>
<tr>
<td> </td>
<td><label>
<input type="button" name="Preview" id="Preview" value="Preview" />
</label></td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
function tampil(){
document.write("<font face='verdana' size='4'<b>"+document.form1.topik.value+"</b></font><br/><br/><table width='320' height='100' border='1'><tr><td>"+document.form1.isi.value+"</td></tr></table>"); }
</script>
Penjelasan kode :
1. function tampil merupakan penciptaan sebuah fungsi yang umumnya ada pada pemrograman terstruktur dengan nama tampil.
2. document write merupakan kode yang berfungsi untuk menulis ulang tag-tag html pada browser
3. document.form1.topik.value merupakan kode yang berfungsi untuk mengambil nilai yang ada pada textfield yang akan ditampilkan pada browser
document.form1.isi.value merupakan kode yang berfungsi untuk mengambil nilai yang ada pada textarea yang akan ditampilkan pada browser
Tahukah Anda ?
Kode javascript umumnya diletakan dalam tag “head”, namun terkadang kode javascript juga dapat diletakan diseluruh file html. bahkan terkadang file javascript tidak diletakan dibagian manapun dari file yang kita buat sehingga hanya kita reference aja seperti contoh file CSS yang pernah kita buat.
…..disini ada kode sebelumnya
<tr>
<td> </td>
<td><label>
<input type="button" onclick="tampil()" name="Preview" id="Preview" value="Preview" />
</label></td>
</tr>
· Sampai disini, kita akan melakukan pengujian. Untuk itu isikanlah formulir ditampilkan pada latihan4.php.
· Setelah mengisikan data pada formulir tersebut, kemudian tekanlah tombol Preview pada form tersebut. Jika tidak ada kesalahan, seharusnya Anda akan mendapati tampilan seperti gambar dibawah ini :
Posting Komentar