Pada beberapa tutorial sebelumnya telah kita bahas Cara Menjalankan Kode Program JavaScript,. Sekarang akan dilanjutkan dengan metode atau Cara Memasukkan Kode JavaScript ke dalam file HTML

Cara memasukkan kode JavaScript ke dalam file HTML

JavaScript termasuk jenis bahasa skrip yang dimasukkan ke dalam file HTML. Untuk memasukkan atau menyisipkan kode JavaScript ke dalam HTML, ada 4 cara

• JavaScript internal
• JavaScript eksternal
• JavaScript sebaris
• Protokol JavaScript

Kami akan membahas keempat metode ini secara lebih rinci

Pemahaman Internal JavaScript

Cara pertama untuk menginput kode JavaScript ke dalam file HTML adalah dengan Internal JavaScript. Disebut sebagai ‘internal’ karena kode JavaScript itu ditulis pada halaman yang sama dengan kode HTML, atau di dalam satu file HTML. Kode JavaScript di input menggunakan tag .

Internal JavaScript cukup sering digunakan, terutama jika kode itu tidak begitu panjang dan hanya dibutuhkan pada satu halaman saja. Kode JavaScript di tulis antara tag pembuka dan tag penutup seperti berikut:

  //kode javascript diletakkan disini

Tag akan memberitahu web browser bahwa kode diantara tag tersebut bukanlah HTML, tetapi JavaScript.

Berikut adalah contoh prakteknya

  Belajar JavaScript di Duniailkom 

  
    alert["Hello World!!"];
  
  


  
Belajar JavaScript
  
Saya sedang belajar JavaScript di duniailkom.com
  
Belajar Web Programming di Duniailkom.

Saya menempatkan tag ke dalam tag pada baris ke 6. Tag tersebut berisi 1 baris perintah, yakni

  Belajar JavaScript di Duniailkom 

  
    alert["Hello World!!"];
  
  


  
Belajar JavaScript
  
Saya sedang belajar JavaScript di duniailkom.com
  
Belajar Web Programming di Duniailkom.

alert[] adalah perintah khusus untuk menampilkan kotak informasi. Fungsi ini sering digunakan dalam proses pembuatan kode JavaScript hanya untuk menampilkan keluaran sederhana. Teks informasi ditulis di antara tanda kurung dan dalam tanda kutip

Simpan file di atas dengan nama apa saja asalkan berekstensi. html, misalnya index. html, lalu akses di browser web

Hallo Dunia...

Jika anda menjalankan kode diatas dan men-klik link Hallo Dunia… akan tampil alert Hello World!!. Jendela ini berasal dari kode JavaScript di tag pada baris 10:

Cara menjalankan JavaScript ini sudah ada sejak awal JavaScript dan sebagian besar telah ditinggalkan

Jadi Metode Apa Yang Harus Anda Gunakan?

Selain protokol JavaScript, tiga metode input JavaScript lainnya tidak menjadi masalah jika Anda ingin menggunakannya, yaitu internal, eksternal, dan inline. Pilihannya lebih kepada situasi yang dihadapi

• Jika kita membuat kode yang sangat singkat dan tidak keberatan sedikit kesulitan menemukan posisinya nanti, silakan gunakan Inline JavaScript
• Jika kami membuat kode yang cukup pendek dan tidak digunakan oleh halaman lain, harap gunakan JavaScript Internal
• Dan jika kita membuat kode yang cukup panjang atau kode tersebut akan digunakan oleh banyak halaman, maka JavaScript eksternal adalah pilihan terbaik

Catatan. Di masa lalu, JavaScript sebaris banyak dikritik karena menggabungkan kode JS dan HTML. Namun, konsep ini bahkan banyak digunakan oleh library/framework seperti React atau Vue

Berkaitan dengan cara menginput kode JavaScript ke dalam halaman HTML, sebenarnya masih ada masalah yang harus dibahas, apalagi jika kita menggunakan JavaScript internal dan eksternal. Masalahnya adalah, di mana tag

  Belajar JavaScript di Duniailkom 

  
    alert["Hello World!!"];
  
  


  
Belajar JavaScript
  
Saya sedang belajar JavaScript di duniailkom.com
  
Belajar Web Programming di Duniailkom.