Pertemuan - Javascript
Pertemuan - Javascript
01/21/21
MATERI
2
SASARAN
3
SekilasTentang Javascript
4
Mengenal Program Javascript
<SCRIPT LANGUAGE="Javascript">
<!--
document.write("Selamat Datang di Kampus Tercinta
<BR>");
document.write("Semoga Sukses !");
-->
</SCRIPT>
</BODY>
</HTML>
5
Mengenal Pesan Kesalahan
<SCRIPT LANGUAGE="Javascript">
<!--
DOCUMENT.write("Selamat Datang di Kampus
Tercinta <BR>");
DOCUMENT.write("Semoga Sukses !);
-->
</SCRIPT>
Javascript Sebagai
Bahasa Berorientasi Objek
Javascript tergolong sebagai bahasa berorientasi Objek . Pada bahasa
pemrograman seperti ini, objek merupakan dasar utama. Sebuah objek
tersusun atas properti, metode, dan penanganan kejadian. Ketiga istiah ini
perlu diketahui terlebih dahulu sebelum melangkah lebih jauh ke detail
Javascript.
Properti
<SCRIPT LANGUAGE="Javascript">
<!--
window.defaultStatus="Selamat Belajar
Javascript";
-->
</SCRIPT>
</BODY>
</HTML>
Menangani Pemasukan Data
Javascript memiliki mekanisme yang memungkinkan pemakai disuguhi
jendela untuk memasukkan sederetan masukan dan setelah pemakai
mengklik tombol OK maka kode dalam Javascript akan melakukan
serangkaian proses.
Sebagai contoh skrip berikut akan meminta memasukkan nama Anda dan
Anda akan mendapatkan salam berupa :
Hai, Nama Anda ...
<HTML>
<HEAD>
<TITLE>Input Data dengan Javascrip</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="Javascript">
<!--
var nama = prompt("Siapa Nama Anda ? ");
document.write ("Hai Nama Anda :
"+ nama);
-->
</SCRIPT>
</BODY>
</HTML>
Mengenal Jendela Peringatan
<SCRIPT LANGUAGE="Javascript">
<!--
window.alert("Ini Merupakan pesan untuk
Anda !");
</SCRIPT>
Dasar-dasar Pemrograman Javascript
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD> <SCRIPT language="Javascript">
function test () {
val1 = window.prompt("Nilai I :")
val2=window.prompt("Nilai II :")
document.write("<br>"+"val1==val2"+"<br>")
document.write(val1==val2)
document.write("<br>"+"val1!=val2"+"<br>")
document.write(val1!=val2)
document.write("<br>"+"val1>val2"+"<br>")
document.write(val1>val2)
document.write("<br>"+"val1<val2"+"<br>")
document.write(val1<val2)
}
</SCRIPT>
<BODY>
<input type="button" name="button1" value="relational"
onclick=test()>
</BODY>
</HTML>
3. Seleksi kondisi (if..else)
<HTML>
<HEAD>
<TITLE>Contoh if-else</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nilai = prompt("Nilai (0-100): ", 0);
var hasil = "";
if (nilai >= 60)
hasil = "Lulus";
else hasil = "Tidak Lulus";
document.write("Hasil: " + hasil);
//-->
</SCRIPT>
</BODY>
</HTML>
Pembuatan Form
<html>
<head>
</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>BIL <input type="text" name="T1" size="20">
MERUPAKAN BIL <input type="text" name="T2" size="20"> </p>
<p><input type="button" value="TEBAK" name="B1" onclick=test()> </p>
</form>
</body>
</html>
Form Button
<HTML>
<HEAD>
<TITLE>Objek document</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function ubahWarnaLB(warna) {
document.bgColor = warna;
}
function ubahWarnaLD(warna) {
document.fgColor = warna; }
//-->
</SCRIPT>
<H1>TES</H1>
<FORM>
<INPUT TYPE = "BUTTON" VALUE = "Latar Belakang Hijau" onClick = "ubahWarnaLB('Ocean')">
<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>
TUGAS MANDIRI
19