Tutorial Dasar Menggunakan Javascript - Pascaldhika

Pascaldhika

Blog Informatika dan Android

Hot

Thursday, May 8, 2014

Home Pemrograman Web Tutorial Dasar Menggunakan Javascript

Tutorial Dasar Menggunakan Javascript


Sekilas tentang JavaScript

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 masukanmasukan
pada formulir sebelum formulir dikirimkan ke server.

Javascript bukanlah bahasa Java dan merupakan dua bahasa yang berbeda. Javascript
diinterpretasikan oleh klien (kodenya bisa dilihat pada sisi klien), sedangkan kode Java
dikompilasi oleh pemrogram dan hasil kompilasinyalah yang dijalankan oleh klien.

Struktur JavaScript

<SCRIPT LANGUAGE = ”JavaScript”><!- -Penulisan kode javascript// - - ></SCRIPT>

Pemakaian alert sebagai property window

Script :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Membuat pesan peringatan dengan Javascript</title></head> <body><script language="javascript"><!--window.alert("Ini pesan Untuk Anda");//--></script></body></html>
Screenshot :



Pemakaian metode dalam objek

Script :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Membuat pesan peringatan dengan javascript 2</title></head> <body>Percobaan memakai Javascript :<br /><script language="javascript"><!--document.write("Selamat mencoba javascript<br>");document.write("Semoga sukses");//--></script></body></html>

Screenshot :


Pemakaian prompt

Script :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Pemakaian Promt</title></head> <body><script language="javascript"><!--var nama=prompt("Siapa nama Anda?","Masukkan nama Anda")document.write("Hai "+nama);//--></script></body></html>
Screenshot :



Pembuatan fungsi dan cara pemanggilannya

Script :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title></head><script language="javascript">function pesan(){alert("Memanggil javascript lewat onload")}</script><body onload=pesan()></body></html>

Screenshot :

Terimakasih sudah meluangkan waktunya untuk membaca ulasan saya tentang Tutorial Dasar Menggunakan Javascript. Untuk mengujinya silahkan terapkan cara-cara di atas pada editor web. Jangan lupa share artikel ini ke teman-teman kalian. Sekian dan semoga bermanfaat :))

Tags
Author Image

About Pascal

Posted by at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Author Details

Hello, My Name is Pascal Prahardhika. I hope you enjoy to visit my site If you have any question please send me email to pascaldhika@gmail.com