Home Tutorial JavaScript Tutorial Belajar JavaScript Part 5: Cara Memasukkan (input) kode JavaScript ke dalam HTML

Selasa, 15 September 2020

Tutorial Belajar JavaScript Part 5: Cara Memasukkan (input) kode JavaScript ke dalam HTML

Diterbitkan

Seperti yang telah kita pelajari pada tutorial cara menjalankan kode JavaScript, sekilas anda telah melihat cara memasukkan kode JavaScript ke dalam HTML. Pada tutorial kali ini kita akan membahas metoda-metoda atau cara-cara untuk meng-input kode JavaScript ke dalam HTML.



Cara Memasukkan kode JavaScript ke dalam HTML


JavaScript termasuk jenis bahasa script, yang digunakan di dalam file HTML. Untuk menginput, atau memasukkan kode JavaScript ke dalam HTML, JavaScript menyediakan 4 alternatif, yaitu:



  • Menggunakan tag seperti berikut ini:



    Tag 
    Penggunaan atribut type=”text/javascript” digunakan untuk membedakan javascript dengan 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 menulis type=”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 atribut language sebagai pengganti atribut type seperti berikut ini:


    Atribut language sudah dianggap usang (deprecated), dan disarankan untuk tidak digunakan lagi.

Sebagai contoh cara penginputan JavaScript dengan tag 




Belajar JavaScript

Saya sedang belajar JavaScript di duniailkom.com

Belajar Web Programming di Duniailkom.




Dalam contoh diatas, saya meletakkan tag 
Perhatikan bahwa tag , atau anda bisa membuatnya menjadi self closing tag seperti berikut ini:


Namun agar lebih nyaman dan tidak membuat bingung, sebaiknya tetap mengikuti kesepakatan dengan menggunakan akhiran .js. 

Sebagai contoh program, saya akan menampilkan alert “Hello World!!” seperti kode program sebelumnya, namun kali ini saya akan memisahkannya menjadi sebuah file tersendiri. Kode JavaScript tersebut akan dipindahkan kedalam file kode_javascript.js dengan isi file sebagai berikut:

alert("Hello World!!")

Ya, hanya 1 baris itu saja, dan savelah pada folder yang sama dengan tempat kode HTML akan dijalankan dengan nama file kode_javascript.js. Lalu pada kode program HTML, kita akan menjalankan file javascript tersebut sebagai berikut:





Belajar JavaScript di Duniailkom






Belajar JavaScript

Saya sedang belajar JavaScript di duniailkom.com

Belajar Web Programming di Duniailkom.




Perhatikan bahwa di dalam file kode_javascript.js saya langsung menuliskan perintah alert, dan dipanggil oleh tag 













Artikel Terkait
























blogger
































Vb.Net: Menggabungkan 2 Gambar Dalam 1 File - Part 1













Makalah Pentingnya Pendidikan Karakter



































EmoticonEmoticon