Javascript adalah bahasa pemrograman yang digunakan untuk aplikasi website, game dan masih banyak lagi. Ini akan membantu teman-teman untuk membuat website atau aplikasi jadi lebih dinamis dibandingkan hanya menggunakan HTML dan CSS saja.
Javascript sekarang ini sudah didukung oleh banyak browser sebagai bahasa program diweb. Jika kalian melihat web dapat di klik dan muncul popup pesan, saat scroll halaman maka gambar akan berubah-ubah elemennya, artinya teman-teman sedang melihat sebuah website menggunakan teknologi Javascript ini. Tanpa Javascript, website yang teman-teman kembangkan hanyala sebuah tampilan website yang indah dari HTML dan CSS tanpa berfungsi secara dinamis.
Bagaimana Javascript bisa membuat website menjadi Dinamis?
Seperti di artikel yang sebelumnya saya post, HTML adalah sebuah kerangka dari sebuah website, CSS untuk membuatnya tampil lebih cantik dan enak dipandang. Tetapi, hanya saja HTML dan CSS bukan bahasa pemrograman melainkan bahasa markup saja. HTML dan CSS tidak bisa melakukan kalkulasi perhitungan aritmatika. Javascript mendukung perhitungan aritmatika yang memungkinkan penambahan konten secara dinamis ke DOM (Document Object Model) yang merupakan sebuah antarmuka pemrograman (Programing Interface) untuk HTML.
Cara Menggunakan Javascript di HTML
Ada beberapa cari penggunaan Javascript pada HTML sebagai berikut:
1. Inline Javascript
Pada saat ini, Teman-teman memiliki kode Javascript pada tag HTML dibeberapa attribut. Misalnya, tag HTML memiliki trigger dimana saat diclick maka akan menjalankan suatu script Javascript. Berikut contohnya:
<button onclick="alert('hello world')">Klik disini</button>
2. Javascript Internal
Javascript Internal adalah Javascript yang berada diantara tag <script></script> pada file HTML. Penulisan script ini ada pada halaman tertentu. Contoh penulisan javascript internal seperti berikut:
<html>
<head>
<title>Javascript</title>
</head>
<body>
<script>
alert('Hello world')
</script>
</body>
</html>
3. Javascript External
Penulisan Javascript ini dilakukan pada file terpisah misalkan script.js dan diimport kedalam file HTML. Jadi terdapat 2 file yaitu .html dan .js. Berikut contoh import file Javascript
<html> <head> <title>Javascript</title> <script src="script.js"></script> </head> <body> </body> </html>
Itulah penjelasan singkat dan beberapa contoh sederhana Javascript. Terima kasih dan semoga tulisan ini bermanfaat.