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);
Tidak ada komentar:
Posting Komentar