JAVASCRIPT
1.Sejarah
JavaScript adalah bahasa pemrograman yang khusus untuk halaman web
agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya
terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa
pemrograman berorientasi objek, sedangkan Script adalah serangkaian
instruksi program.
Menurut Wikipedia, JavaScript adalah bahasa
scripting yang popular di internet dan dapat bekerja di sebagian besar
browser popular seperti Internet Explorer (IE), Mozilla Firefox,
Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web
menggunakan tag SCRIPT.
Yang pertama kali merancang JavaScript adalah perusahaan bernama
Netscape Navigator yang ingin melengkapi fitur browser miliknya
-Navigator- yang sebelumnya telah mendukung Java untuk lebih bisa
dimanfaatkan para programmer yang non-Java.
JavaScript biasanya diletakkan pada bagian antara tag <head>
dan </head> dan dimulai dengan tag <script
type=”teks/javascript”> diakhiri dengan tag </script>
Contoh JavaScript
<script type=”teks/javascript”>
alert(“Halo Dunia!”);
</script>
alert(“Halo Dunia!”);
</script>
File JavaScript biasanya terletak di file tersendiri yang berektensi
*.js dan dipanggil dengan cara menentukan nama file lalu dimasukkan
dalam tag <script
type=”teks/javascript”src=”nama_file.js”></script>Maka
dikembangkanlah bahasa pemrograman bernamaLiveScript untuk
mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya
berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan
bahasa antara Java dengan JavaScript.
Hal-Hal Yang Harus Diperhatikan
Ada beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya.
Ada beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya.
Beberapa hal penting yang perlu anda ketahui tentang Javascript:
- Javascript didesain untuk membuat halaman HTML (HyperText Markup Language) lebih interaktif.
- Javascript biasanya ditanamkan secara langsung ke halaman HTML.
- Javascript merupakan bahasa tafsir, jadi tidak ada program khusus untuk membuat kode agar bisa dipergunakan. Anda bisa menuliskannya pada text editor sepertinotepad atau wordpad. Anda juga bisa bisa memakai text editor yang bisa mewarnai kode, ini untuk memudahkan anda menemukan kesalahan jika terjadi error pada script anda.
- Anda bisa memakai Javascript secara gratis, tanpa membeli lisensinya.
2.Fungsi Javascript
Berikut adalah beberapa hal yang bisa dilakukan oleh Javascript:- Javascript memberikan tool programming untuk pembuat HTML. HTML tidak hanya bisa dibuat oleh ahli programming. Orang awam juga bisa membuatnya karena bahasa pemrograman ini termasuk mudah untuk dipelajari. Begitu pula denganJavascript, bahasa pemrograman ini menggunakan sintaks yang cukup sederhana sehingga memudahkan anda mempelajarinya.
- Javascript bisa dieksekusi pada momen tertentu, misalnya saat sebuah halaman selesai loading atau saat pengguna mengklik elemen HTML.
- Javascript bisa memanipulasi elemen HTML. Javascript bisa membaca dan mengganti konten dari sebuah elemen HTML.
- Javascript bisa dipakai untuk memvalidasi data.
- Javascript bisa dipakai untuk mendeteksi browser visitor.
- Javascript bisa dipakai untuk membuat cookies.
Javascript sering dipakai oleh developer untuk membuat aplikasi web.
Anda yang sudah bergelut dengan dunia blogging mungkin sering menemukan
hal ini. Misalnya anda ingin menambahkan widget pada halaman website
anda, maka anda perlu menambahkan Javascript yang disediakan oleh
pengembang aplikasi tersebut.
3.Javascript dan HTML
HTML dan Javascript adalah 2 bahasa yang berbeda. HTML merupakan bahasa markupyang
didesain untuk membuat konten website statis. Sedangkan Javascript
merupakan bahasa pemrograman yang didesain untuk melakukan tugas
dinamis. Terkadang ini sedikit membingungkan karena kode Javascript bisa
dimasukkan ke dalam file HTML. Namun jika anda sudah terbiasa dengan
kedua penulisan bahasa ini, anda akan lebih mudah memahaminya.
4.Contoh Javascript:
maka hasilnya:
2.Menampilkan Pesan Untuk Memasukkan Data
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Penggunaan Prompt</title>
</head>
<body>
<h1>Contoh Penggunaan Prompt</h1>
<script type="text/javascript">
var nama = prompt("Masukkan Nama :", "Aulia");
var kursus = prompt("Ambil Paket Kursus :", "Web Design");
document.write("Nama : " + nama + "<br/>");
document.write("Kursus : " + kursus);
</script>
</body>
</html>
maka hasilnya dibawah ini
Source code program<html>hasilnya
<script language="JavaScript">
function Login(){
var username=document.login.username.value;
username=username.toLowerCase();var password=document.login.password.value;
password=password.toLowerCase();
if (username=="juned" && password=="123"){
alert("Selamat anda berhasil login");
}
else{
alert("User name dan password anda salah!");
}
}
</script>
<body>
<form name="login">
<table width="225" cellpadding="4">
<tr><td>Username</td><td><input type="text" name="username"></td></tr>
<tr><td>Password</td><td><input type="text" name="password"></td></tr>
<tr><td colspan="2" align="right"><input type="button" value="Login" onClick="Login()"></td></tr>
</table>
</body></html>
wassalamualaikum wr. wb.
Tidak ada komentar:
Posting Komentar