Pengenalan Javascript
Javascript adalah bahasa yang berbentuk kumpulan skrip yang berjalan pada suatu dokumen HTML.
Berikut ini satu tabel yang berisi beberapa perbandingan mendasar antara Java dan Javascript:
Javascript adalah bahasa yang “case sensitive” artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil, contoh variabel atau fungsi dengan nama TEST berbeda dengan variabel dengan nama test. Dan yang terakhir seperti bahasa Java ataupun C, walaupun hal ini tidaklah wajib, setiap instruksi dapat diakhiri dengan karakter titik koma (;).
Penulisan Kode Javascript
1. Menggunakan tag <SCRIPT>
<script language=”javascript”>
......
</script>
Atribut language di dalam tag <SCRIPT> menunjukkan jenis bahasa yang digunakan dan versinya, contohnya “Javascript“, “Javascript1.1“,“Javascript1.2“ untuk bahasa Javascript atau bahasa lainnya.
2. Menggunakan file eksternal
Cara berikutnya adalah menuliskan kode program Javascript dalam suatu file teks dan kemudian file teks yang berisi kode Javascript di panggil dari dalam dokumen HTML.
<script language=”javascript” src=”lokasi/file.js”></script>
lokasi/file.js adalah adalah lokasi dan nama file yang berisi kode Javascript, jika perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script.
3. Melalui event tertentu Event adalah sebutan dari satu aksi yang dilakukan oleh user, contohnya seperti klik tombol mouse.
<tag eventHandler="kode Javascript yang akan dimasukkan">
dimana eventHandler adalah nama dari event tersebut.
Penulisan komentar di Javascript
Kita bisa menggunakan cara yang sama dengan aturan yang ada di bahasa C/C++ ataupun Java.
a. Untuk menulis komentar dalam satu baris kita gunakan karakter garis miring ganda (//). // semua karakter di belakang // tidak akan di eksekusi.
b. Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter /* dan */ /* Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh Pemrograman Web kompilator */.
Contoh Program Javascript
Sintaks/Code untuk menampilkan tanggalรจ
<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p id="demo">Klik Tombol Tampilkan Tanggal dibawah untuk melihat tanggal sekarang.</p>
<button type="button" onclick="displayDate()">Tampilkan Tanggal</button>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p id="demo">Klik Tombol Tampilkan Tanggal dibawah untuk melihat tanggal sekarang.</p>
<button type="button" onclick="displayDate()">Tampilkan Tanggal</button>
</body>
</html>
Penjelasannya : yang berwarna MERAH adalah script/code JavaScript yang diletakkan pada halaman web..
Nah untuk outputnya akan terlihat kurang lebih seperti dibawah...
ketika Tombol "Tampilkan Tanggal" ditekan maka akan terjadi perubahan seperti gambar di bawah ini yaitu akan menampilkan tanggal/waktu sekarang...
variable Javascript
Berikut ini adalah contoh pemberian Nama variabel yang benar :
- umur
- namaLengkap
- luas_lingkaran
- jari2
- _7an
- $biaya
Ada beberapa teknik pemberian nama yang dapat digunakan, diantaranya Adalah:
· Camel Case, dengan teknik untuk nama variabel yang lebih dari satu kata akan digabungkan tanpa garis bawah dan setiap huruf pertama dari tiap kata dituliskan dalam huruf kapital. Sedangkan untuk huruf pertama dari kata pertama dapat juga ditulisakan menggunakan huruf kecil. Contoh:
AsalSekolah, SuhuUdara, luasPersegiPanjang, namaLengkap, dan sebagainya.
· Notasi Hungaria, disini diawal dari nama variabel akan ditambahkan tipe data yang ditampungnya, seterusnya dapat menggunakan notasi camel case. Contoh: stringNamaLengkap (atau lebih pendek, strNamaLengkap,dll.
· Selain dengan camel case, variabel dengan nama lebih dari satu kata dapat juga dibuat dengan menambahkan garisbawah sebagai penghubung antar katanya. Contoh: asal_sekolah, luas_persegi, nama_lengkap, dan sebagainya.
PEMBUATAN VARIABEL
Ada dua istilah yang biasa digunakan dalam pembuatan variabel, yakni deklarasi dan inisialisasi. Deklarasi digunakan untuk menunjukkan proses permintaan alokasi memori oleh Javascript ke sistem operasi. Sedangkan inisialisasi digunakan untuk memberikan nilai awal bagi variabel tersebut.
Format deklarasi (pembuatan) variabel di Javascript adalah sebagai berikut :
var nama_variabel_nya ;
atau, dengan tambahan inisialisasi :
var nama_variabel = nilai ;
Tipe Data Javascript
Bilangan/numerik, bulat atau desimal, yang kita sebut sebagai integer atau float
Kata/kalimat (kumpulan huruf/karakter) : kita sebut string.
Boolean : suatu variabel yang mempunyai dua nilai dan berfungsi untuk memeriksa suatu kondisi :
- true : jika kondisinya benar
- false : jika kondisinya salah.
INTEGER (BILANGAN BULAT)
- Basis desimal, integer di tuliskan dalam urutan unit bilangan (dari 0 sampai dengan 9), permulaan bilangan tidak boleh dimulai oleh angka 0.
- Basis heksadesimal, dituliskan dalam urutan unit bilangan dari 0 sampai dengan 9 atau urutan huruf dari A sampai dengan F (atau a sampai dengan f), permulaan bilangan dimulai oleh 0x atau 0X.
- Basis oktal, dituliskan dalam urutan unit angka dari 0 sampai dengan 7, permulaan bilangan dimulai dengan angka 0.
FLOAT (BILANGAN DESIMAL)
Bilangan desimal biasa disebut juga sebagai bilangan pecahan atau bilangan yang dapatdituliskan menggunakan tanda koma.
STRING
String adalah kumpulan dari karakter/huruf, nilai variabel string selalu diapit dengan tanda (') atau ("), kedua tanda tersebut harus digunakan secara berpasangan dan tidak bisa digunakan secara sendiri-sendiri atau bersilangan.
BOOLEAN
Boolean adalah satu variabel khusus yang berguna untuk mengevaluasi suatu kondisi tertentu, oleh karenanya boolean mempunyai dua nilai :
- True : diwakili oleh nilai 1
- False : diwakili oleh nilai 0
KONVERSI JENIS VARIABEL
Meskipun Javascript memungkinkan pengaturan perubahan jenis variabel secara transparan,kadang kadang kita perlu juga untuk melakukan konversi jenis variabel secara paksa.
- · Fungsi parseInt()
Fungsi ini mungkinkan merubah satu variabel yang dilewatkan dengan parameter tertentu (bisadalam bentuk string ataupun dalam bentuk bilangan dalam basis yang disebutkan di parameterkedua) menjadi bilangan bulat. Sintaksnya adalah sebagai berikut :
parseInt(string[, basis]);
- · Fungsi parseFloat()
Adalah satu fungsi dasar dari Javascript yang memungkinkan merubah variabel yang dilewatkandengan parameter tertentu menjadi bilangan desimal, Sintaks dari fungsi parseFloat() adalah sebagai berikut :
parseFloat(string);
0 komentar:
Posting Komentar