Scribd
Unggah
215 tayangan

Pemrograman Web-Javascript

Dokumen tersebut membahas tentang pembelajaran Javascript mencakup struktur, pemrograman, objek, form, penggunaan Javascript pada HTML, properti, metode, penempatan skrip Javascript, contoh penggunaan alert, prompt, document.write, if-else, for, relasional, konversi nilai angka menjadi nilai huruf.

Diunggah oleh

yunizaekasetyaputri
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
215 tayangan

Pemrograman Web-Javascript

Dokumen tersebut membahas tentang pembelajaran Javascript mencakup struktur, pemrograman, objek, form, penggunaan Javascript pada HTML, properti, metode, penempatan skrip Javascript, contoh penggunaan alert, prompt, document.write, if-else, for, relasional, konversi nilai angka menjadi nilai huruf.

Diunggah oleh

yunizaekasetyaputri
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 17

Andre Stafiyan, S.

Kom
 Memahami tentang struktur javascript
 Memahami tentang pemrograman di
javascript
 Memahami tentang pemakaian obyek dan
form
 Javascript adalah bahasa skrip yang ditempelkan pada kode HTML
dan diproses di sisi klien.
 Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi
semakin luas.
 Sebagai contoh, dengan menggunakan JavaScript dimungkinkan
untuk memvalidasi masukan-masukan pada formulir sebelum
formulir dikirimkan ke server.
 Javascript bukanlah bahasa Java dan merupakan dua bahasa yang
berbeda.
 Javascriptdiinterpretasikan oleh klien (kodenya bisa dilihat pada
sisi klien), sedangkan kode Java dikompilasi oleh pemrogram dan
hasil kompilasinyalah yang dijalankan oleh klien.
 <SCRIPT LANGUAGE = ”JavaScript”>
 <!- -
▪ Penulisan kode javascript
 // - - >
 </SCRIPT>
 Keterangan :
 Kode <!- - // - - > umumnya disertakan dengan
tujuan agar sekiranya browser tidak mengenali
JavaScript maka browser akan
memperlakukannya sebagai komentar sehingga
 tidak ditampilkan pada jendela browser.
 Properti
 Properti adalah atribut dari sebuah objek. Contoh,
objek mobil punya properti warna mobil.
 Penulisan :
▪ Nama_objek.nama_properti = nilai
▪ window.defaultStatus = ”Selamat Belajar JavaScript”;
 Metode
 Metode adalah suatu kumpulan kode yang digunakan
untuk melakukan sesuatu tindakan terhadap objek.
 Penulisan :
▪ Nama_objek.nama_metode(parameter)
▪ document.write (”Hallo”
 Skrip Javascript dalam dokumen HTML dapat
diletakkan pada :
1. Bagian Head
2. Bagian Body (jarang digunakan).
 Pemakaian Alert sbg property window
 <HTML>
 <HEAD>
 <TITLE>Alert Box</TITLE>
 </HEAD>
 <BODY>
 <SCRIPT LANGUAGE = "JavaScript">
▪ <!--
▪ window.alert("Ini merupakan pesan untuk Anda");
▪ //-->
 </SCRIPT>
 </BODY>
 </HTML>
 <HTML>
 <HEAD>
 <TITLE>Skrip JavaScript</TITLE>
 </HEAD>
 <BODY>
 Percobaan memakai JavaScript:<BR>
 <SCRIPT LANGUAGE = "JavaScript">
 <!--
 document.write("Selamat Mencoba JavaScript<BR>");
 document.write("Semoga sukses!");
 //-->
 </SCRIPT>
 </BODY>
 </HTML>
 <HTML>
 <HEAD>
 <TITLE>Pemasukan Data</TITLE>
 </HEAD>
 <BODY>
 <SCRIPT LANGUAGE = "JavaScript">
 <!--
 var nama = prompt("Siapa nama Anda?","Masukkan nama
anda");
 document.write("Hai, " + nama);
 //-->
 </SCRIPT>
 </BODY>
 </HTML>
 <HTML>
 <HEAD>
 <TITLE>Contoh Program Javascript</TITLE>
 </HEAD>
 <SCRIPT language="Javascript">
 function pesan(){
 alert ("memanggil javascript lewat body onload")
 }
 </SCRIPT>
 <BODY onload=pesan()>
 </BODY>
 </HTML>
<HTML> <BODY>
<HEAD> <input type="button"
<TITLE>Contoh Program Javascript</TITLE> name="button1"
</HEAD> value="arithmetic"
<SCRIPT language="Javascript"> onclick=test(9,4)>
function test (val1,val2) </BODY>
{ </HTML>
document.write("<br>"+"Perkalian : val1*val2 "+"<br>")
document.write(val1*val2)
document.write("<br>"+"Pembagian : val1/val2 "+"<br>")
document.write(val1/val2)
document.write("<br>"+"Penjumlahan : val1+val2 "+"<br>")
document.write(val1+val2)
document.write("<br>"+"Pengurangan : val1-val2 "+"<br>")
document.write(val1-val2)
document.write("<br>"+"Modulus : val1%val2 "+"<br>")
document.write(val1%val2)
}
</SCRIPT>
<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&gtval2"+"<br>")
document.write(val1>val2)
document.write("<br>"+"val1&ltval2"+"<br>")
document.write(val1<val2) }
</SCRIPT>
<BODY>
<input type="button" name="button1" value="relational"
onclick=test()>
</BODY>
</HTML>
 <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>
 <HTML>
 <HEAD>
 <TITLE>Contoh Program Javascript</TITLE>
 </HEAD>
 <BODY>
 <SCRIPT language="Javascript">
 <!--
 for (x=0;x<=10;x++)
 document.write(x+"<br>")
 // -->
 </SCRIPT>
 </BODY>
 </HTML>
<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>
 Buat halaman html untuk mengkonversi nilai
angka menjadi nilai huruf dengan menggunakan
javascript
 Konversi :
 0-40 =E
 41-55=D
 56-60=C
 61-65=BC
 66-70=B
 71-80=AB
 81-100=A
 See U Next week

Anda mungkin juga menyukai