JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML
seperti halnya PHP akan tetapi javascript berjalan di sisi Client.
JavaScript
adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya
PHP akan tetapi javascript berjalan di sisi Client
Misalnya, jam ditampilkan pada halaman yang update sendiri untuk
menunjukkan waktu saat ini pada komputer pengguna. Desain JavaScript
dipengaruhi oleh banyak bahasa pemrograman, termasuk C, tetapi
dimaksudkan untuk lebih digunakan oleh non-programmer. JavaScript tidak
didasarkan pada atau terkait ke Java, ini adalah kesalahpahaman umum.
B. Perintah dalam javascript
Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag
<script type=”teks/javascript”>.
<script type=”teks/javascript”>
alert(“Halo Dunia!”);
</script>
Kode JavaScript juga bisa diletakkan di file tersendiri yang
berekstensi .js (singkatan dari JavaScript). Untuk memanggil kode
JavaScript yang terdapat di file sendiri, di bagian awal <head>
harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh
kode seperti berikut:
<script type=”teks/javascript” src=”alamat.js”>
</script>
Script pada bagian head
Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk
function) atau dipanggil berdasarkan trigger pada event tertentu.
Peletakkan script di head akan menjamin skript di-load terlebih dahulu
sebelum digunakan (dipanggil).
<html>
<head>
<script type=”teks/javascript”>
…
</script>
</head>
</html>
Script pada Body
Script ini dieksekusi ketika halaman di-load sampai di bagian
<body>. Ketika menempatkan script pada bagian <body> berarti
antara isi dan JavaScript dijadikan satu bagian.
<html>
<head>
</head>
<body>
<script type=”teks/javascript”>
…
</script>
</body>
</html>
Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.
External JavaScript
Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam
beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan
jika harus menulis ulang script yang diinginkan di setiap halaman. Maka
JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen
HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari
dokument HTML. Berkas JavaScript tersebut disimpan dengan ekstensi .js.
JavaScript : js/xxx.js document.write(“pesan ini tampil ketika halaman diload”);
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut “src” pada tag <script> pada halaman HTML-nya.
<html>
<head>
</head>
<body>
<script src=”xxx.js”>
</script>
<p>Script di atas berada di berkas “xx.js” (eksternal) </p>
</body>
</html>
Perintah-perintah dalam javascript sebagai berikut :
perintah assigment
perintah untuk menampilkan output
perintah untuk menerima input
operator melakukan manipulasi data
Assignment adalah
proses memasukkan data ke dalam variabel, baik variabel tunggal atau
variabel jamak, atau proses pengisian variabel dengan data.
contoh:
nama = 'Rudianto'
angka = 11
umur = 25
namalengkap = 'Teknik Komputer'
Perintah assignment juga dapat dilakukan sambil mendeklarasikan suatu
variabel yang bisa diberi nilai awal atau yang disebut juga dengan
proses inisialisasi.
contoh:
var nama = 'Rudianto'
var angka = 9
var umur = 25
Dalam Javascript, setiap variabel dapat digunakan untuk mendefinisikan
lebih dari satu jenis data. Artinya suatu variabel bisa berganti isi
dengan tipe data yang berbeda.
contoh:
var angka = 'sembilan'
var angka = 9
Dalam satu pernyataan assignment juga bisa diisikan data lebih dari
baris, dan setiap pindah baris ditutup dengan menuliskan karakter
backslash(\).
contoh:
kalimat = " Selamat datang di program studi Teknik Komputer \
Politeknik NSC Surabaya \
semoga bermanfaat"
Perintah Output
document.write(namavariabel)
document.write("Kalimat"+namavariabel)
alert("Kalimat"+namavariabel)
Contoh:
<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
<h1>Contoh menampilkan output dan alert</h1>
<script type="text/javascript" language="javascript">
nama = "Rudianto"
umur = 35
document.write("Nama : "+nama)
document.write("<br>")
document.write("Umur : "+umur)
alert("Nama anda : "+nama+"\n"+"Umur anda : "+umur)
</script>
</body>
</html>
Hasil Running
Perintah Input dengan prompt
namavariabel = prompt("Pesan" , nilaidefault)
dimana nilai default adalah nilai awal yang diberikan apabila pengguna tidak mengubahnya.
contoh:
<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
<h1>Contoh menerima input</h1>
<script type="text/javascript" language="javascript">
nama = prompt("Siapa nama anda ? " , "Teknik Komputer")
umur = prompt("Berapa umur anda ? ", 25)
document.write("Nama : "+nama)
document.write("<br>")
document.write("Umur : "+umur)
</script>
</body>
</html>
Hasil running
setelah diisi akan ditampilkan
Tidak ada komentar:
Posting Komentar