Author :
Minarni, S.Kom.,MM
JAVASCRIPTDasar
Universitas Darwan Ali
Sampit – Kalimantan Tengah
Internet Multimedia
JAVASCRIPT
Javascript merupakan bahasa pemrograman berbasis
client, artinya bahasa ini berjalan pada sisi browser pengguna,
bukan pada server. Salah satu keuntungan dari bahasa ini adalah
ringan karena berjalan pada masing-masing browser dan
pekerjaan tidak dibebankan pada server. Jika diakses oleh 1000
orang maka setiap beban akan ditanggung oleh masing-masing
browser, bukan server yang menanggung eksekusi 1000
pengaksesan tersebut.
Contoh dasar program javascript<html>
<head>
</head>
<body>
<script>
var tulisan = “Hello World”;
document.write(tulisan);
</script>
</body>
</html>
Contoh dasar program javascript
<html><head></head><body>
<script>var x = 20;var y = 10;document.write(“apakah x == y?” + (x == y) +”<br>”);document.write(“apakah x <= y?” + (x <= y) +”<br>”);document.write(“apakah x >= y?” + (x >= y) +”<br>”);document.write(“apakah x != y?” + (x != y) +”<br>”);
</script></body></html>
POPUPS
• Popups atau dialog di dalam
javascript ada tiga (3) macam
yaitu Alert Box, Confirm Box, dan
Prompt.
• Alert box digunakan untuk
menampilkan pesan pada
dialog
• Confirm box digunakan untuk
menampilkan pertanyaan
beserta tombol OK/ Cancel
sebagai pilihan jawaban
pengguna.
• Prompt digunakan untuk
meminta inputan kepada
POPUPS – Alert, confirm, prompt<html>
<head>
</head>
<body>
<script>
alert(“Ini adalah alert Box”);
if (confirm(“Tekan salah satu tombol”))
{alert(“Anda menekan tombol OK”);}
else {
alert(“Anda menekan tombol CANCEL”);}
var nama = prompt(“Masukkan nama anda:”,“Nama Anda”);
if (nama != null && name != “”)
{alert(“Nama Anda: “ + nama);}
</script>
</body>
</html>
POPUPS
<html>
<head>
</head>
<body>
<script language="javascript">
var nama = prompt("siapa nama anda");
document.write ("Nama "+ nama);
</script>
</body>
</html>
POPUPS FUNCTION
<html>
<head>
<script>
function fungsipertama() {
alert("Ini adalah fungsi pertama");}
function fungsikedua() {
alert("Ini adalah fungsi kedua");}
</script>
</head>
<body>
<button onclick="javascript:fungsipertama()">
Panggil Fungsi Pertama</button><br>
<button onclick="javascript:fungsikedua()">
Panggil Fungsi Kedua</button><br>
</body>
</html>
POPUPS FUNCTION<html>
<head>
<script>
orang = new Object()
orang.nama = "Aku"
orang.tinggi = 160
orang.umur = 20
orang.tes = function(){
alert("nama = " + this.nama + " hitung = umur x tinggi = "
+(this.tinggi * this.umur))}
</script>
</head>
<body>
<button onclick="javascript:orang.tes()">Hitung Umur dikalitinggi</button><br>
</body>
</html>
POPUPS FUNCTION
<html>
<head>
</head>
<body>
<script language="javascript">
function pesan()
{
alert ("memanggil lewat onload")
}
</script>
<body onload=pesan()>
</body>
</html>
Contoh ALERT untuk validasi input
<html>
<head>
<title>Validasi</title>
<script type="text/javascript">
function validasi()
{
var nama=document.pendaftaran.nama.value;
var alamat=document.pendaftaran.alamat.value;
var telp=document.pendaftaran.telp.value;
if (nama=="")
{alert("Nama Harus Diisi");}
else if (alamat=="")
{alert("Alamat Harus Diisi");}
else if (telp=="")
{alert("Telpon Harus Diisi"); }
}
</script>
Contoh ALERT untuk validasi input</head>
<body>
<h2>Pendaftaran</h2>
<form name="pendaftaran" action="" method="post">
<table><tr><td>Nama </td>
<td><input type="text" name="nama“ placeholder="masukkannama"></td>
</tr>
<tr><td valign="top">Alamat </td>
<td><textarea cols="22" rows="5" name="alamat"></textarea></td>
</tr>
<tr><td>No. Telp</td>
<td><input type="text" name="telp" placeholder="masukkan no. telpon"></td>
</tr><tr><td colspan="2"><button type="submit” onclick="validasi()">Simpan</button></td></tr></table>
</form>
</body>
</html>
Recommended