Java Script:
Java Script adalah bahasa pemrograman yang dapat disisipkan diantara tag HTML agar dapat membuat halaman web menjadi lebih dinamis. Beberapa contoh aplikasi Java Script diantaranya adalah membubuhkan tanggal pada halaman web, melakukan perhitungan matematis dan lain sebagainya.
Berikut ini adalah beberapa contoh halaman web yang menggunakan Java Script
1. Program berikut akan menampilkan tulisan Contoh Program Java Script pada halaman web. Method Write dari object document digunakan untuk menuliskan string ke halaman web. Perhatikan bahwa program-program Java Script harus diletakkan di dalam tag SCRIPT
<HTML>
<HEAD>
<TITLE>Contoh Program JavaScript</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!-- mencegah browser lama menampilkan isi program
document.write ("Contoh program JavaScript")
<!-- akhir skrip -->
</SCRIPT>
</BODY>
</HTML>
2. Program berikut ini akan menampilkan sebuah button atau tombol pada halaman web kita, apabila tombol tersebut diklik, maka function Java Script yang bernama evTekan akan dijalankan, sehingga akan menampilkan message box yang dipicu dari pemanggilan fungsi alert. Perhatikan bahwa letak tag SCRIPT untuk program ini ada didalam tag HEAD, sedangkan pada program sebelumnya ada di dalam tag BODY. Program Java Script yang ada di dalam tag HEAD biasanya digunakan untuk menuliskan function
<HTML>
<HEAD>
<TITLE> Contoh Program JavaScript </TITLE>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function evTekan ()
{
alert ("Sudah saya bilang jangan menekan tombol itu!");
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE = "button" VALUE = " Jangan menekan tombol ini " onClick="evTekan ()">
</FORM>
</BODY>
</HTML>
3. Program dibawah ini merupakan contoh bahwa dengan Java Script ternyata kita dapat pula menuliskan tag-tag HTML pada halaman web kita. Perhatikan pula bahwa method write dari object document yang digunakan untuk menuliskan HTML
<HTML>
<HEAD>
<TITLE> Contoh Program JavaScript </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write ("<CENTER><H1>");
document.write ("Penulisan HTML dengan Javascript");
document.write ("</H1></CENTER>");
document.write ("<HR>");
document.write ("<A HREF=http://www.yahoo.com>Klik disini</A>");
document.write (" untuk pindah ke yahoo");
//-->
</SCRIPT>
</BODY>
</HTML>
4. Seperti sudah disinggung, dengan program Java Script kita dapat melakukan perhitungan matematis pada halaman web kita. Berikut adalah contoh programnya.
<HTML>
<HEAD>
<TITLE> Contoh Program JavaScript </TITLE>
<SCRIPT language = "JavaScript">
<!--
function evTekan ()
{
var Bil1 = parseFloat (document.fmForm.Bilangan1.value);
if (isNaN (Bil1))
Bil1 = 0.0;
var Bil2 = parseFloat (document.fmForm.Bilangan2.value);
if (isNaN (Bil2))
Bil2 = 0.0;
var Hasil = Bil1 + Bil2;
alert ("Hasil penjumlahan = " + Hasil);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME = "fmForm">
<TABLE>
<TR>
<TD><DIV ALIGN=right><DT>Bilangan pertama</DT></DIV></TD>
<TD><INPUT TYPE="text" NAME=Bilangan1></TD>
</TR>
<TR>
<TD><DIV ALIGN=right><DT>Bilangan kedua</DT></DIV></TD>
<TD><INPUT TYPE="text" NAME=Bilangan2></TD>
</TR>
</TABLE>
<INPUT TYPE="button" VALUE="Jumlahkan" onClick="evTekan ()">
<INPUT TYPE="reset" VALUE="Reset"></P>
</FORM>
</BODY>
</HTML>
Tidak ada komentar:
Posting Komentar