Cara pertama untuk menginput kode JavaScript ke dalam halaman HTML adalah dengan
menggunakan tag <script> secara internal. Internal disini
berarti bahwa kode JavaScript ditulis
pada halaman yang sama dengan HTML, atau di dalam satu file HTML.
Cara ini merupakan cara yang paling
sering digunakan, jika kode JavaScript tidak begitu panjang, dan hanya
digunakan di 1 halaman saja. Kode JavaScript yang akan diinput diletakkan
diantara tag pembuka <script> dan tag penutup </script> seperti
berikut ini:
<script>
//kode
javascript diletakkan disini
</script>
|
Tag <script> akan
memberitahu web browser bahwa kode diantara tag tersebut bukanlah HTML, tetapi JavaScript.
Dalam beberapa buku atau tutorial JavaScript, mungkin
anda akan menemukan penggunaan tag <script> seperti
berikut ini:
<script
type="text/javascript">
//kode
javascript diletakkan disini
</script>
|
Penggunaan atribut type=”text/javascript” digunakan
untuk membedakan javascriptdengan bahasa script lain
seperti VBScript yang ditulis sebagai type=”text/vbscript”.Namun karena VBScript sudah jarang digunakan, hampir semua web
browser modern menjadikan JavaScript sebagai
bahasa default, sehingga anda tidak perlu menulistype=”text/javascript”. Tetapi juga tidak salah
jika anda ingin menegaskan penggunaan JavaScript dengan menuliskannya secara
langsung.
Pada halaman web yang lama, kadang anda juga akan menemukan penggunaan
atributlanguage sebagai pengganti atribut type seperti berikut ini:
<script
language=”text/javascript”>
//kode
javascript diletakkan disini
</script>
|
Atribut language sudah dianggap usang
(deprecated), dan disarankan untuk tidak digunakan lagi.
Sebagai contoh cara penginputan
JavaScript dengan tag <script>, berikut adalah
kode HTMLnya:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE
html>
<html>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8" />
<head>
<title>Belajar
JavaScript di Duniailkom</title>
<script>
alert("Hello
World!!");
</script>
</head>
<body>
<h1>Belajar
JavaScript</h1>
<p>Saya
sedang belajar JavaScript di duniailkom.com</p>
<p>Belajar
Web Programming di Duniailkom.</p>
</body>
</html>
|
Dalam contoh diatas, saya meletakkan tag <script> di dalam tag <head> dari HTML (pada baris ke 7). Tag <script> tersebut berisi kode
JavaScript: alert(“Hello World!!”);. alert() adalah fungsi dalam JavaScript yang akan
menampilkan pesan ke dalam web browser. Fungsi ini sering digunakan dalam
proses pembuatan program JavaScript untuk
menampilkan output sederhana. Fungsi alertmembutuhkan 1
inputan (argumen) bertipe String. Kita akan
membahas cara penulisan fungsi dan tipe-tipe data JavaScript pada
tutorial-tutorial selanjutnya.
Jika anda menjalankan program diatas, maka di dalam web browser akan tampil
hasil seperti berikut ini:
0 komentar:
Posting Komentar