Cara Memasukkan (input) kode JavaScript ke dalam HTML

Assalamu'alaikum Wr. Wb.

A). Pendahuluan

      Bertemu lagi dengan saya di TONI BLC Telkom, pada postingan kemarin kita telah membahas tentang variabel di JavaScript. Nah, pada postingan kali ini saya akan menjelaskan cara input kode JavaScript ke dalam HTML. Ok langsung kita bahas di bawah ini...

B). Latar Belakang

       Bagaimana cara memasukkan kode javascript ke dalam HTML.

C). Maksud & Tujuan

      Agar tahu bagaimana cara input kode JavaScript ke dalam HTML.

D). Pembahasan
       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 <script> (internal JavaScript)
• Menggunakan tag <script scr=””> (external JavaScript)
• Menggunakan Event Handler (Inline JavaScript)
• Menggunakan URL (href:=”javascript:”)

Dalam tutorial javascript kali ini kita akan membahas ke-4 metode ini.

Cara Memasukkan JavaScript menggunakan tag <script> (internal JavaScript).

      Cara pertama untuk menginput kode JavaScript ke dalam halaman HTML adalah dengan menggunakan tag <script> secara internal.

     Contoh scriptnya:
<script>
//kode javascript diletakkan disini
</script>
    Tag <script> akan memberitahu web browser bahwa kode diantara tag tersebut bukanlah HTML, tetapi JavaScript.

Sebagai contoh cara penginputan JavaScript dengan tag <script>, berikut adalah kode HTMLnya:

      Hasil Script:

       Apabila di klik OK, maka akan muncul tampilan seperti gambar dibawah ini

Cara Memasukkan JavaScript Menggunakan tag <script src=” “> (external JavaScript)

      Cara atau metode kedua untuk menginput kode JavaScript ke dalam halaman HTML adalah dengan memindahkan kode JavaScript ke dalam sebuah file terpisah, lalu ‘memanggilnya’ dari HTML.  

Contoh Scriptnya:

       Hasil Script:

Cara Memasukkan JavaScript Menggunakan Event Handler (Inline JavaScript)

      Cara ketiga untuk menjalankan JavaScript adalah dengan memanggilnya menggunakan Event Handler dari dalam tag HTML.

       Sebagai contoh, ketika sebuah tombol di-klik, maka kita bisa menampilkan alert(“Hello World!!”). Berikut adalah contoh kode programnya:

        Hasil Script:

         Apabila di klik saya maka akan muncul seperti gambar dibawah ini.

Cara Memasukkan JavaScript Menggunakan URL (href:=”javascript:”)

      Cara terakhir (dan juga paling jarang digunakan saat ini) adalah dengan menyisipkan JavaScript ke dalam alamat href dari tag HTML. Cara ini disebut juga dengan protocol javascript. Disebut demikian, karena kita mengganti alamat link dari yang biasa menggunakan protocol http//: menjadi javascript:

Sebagai contoh penggunaannya, perhatikan kode berikut ini:

        Hasil Script:

        Apabila di klik Hallo Dunia maka akan muncul seperti gambar dibawah ini.

 E). Kesimpulan
     Dari ke-4 cara menginput kode JavaScript, memisahkan kode JavaScript kedalam sebuah file tersendiri (menggunakan metode <script src=””>) adalah yang paling disarankan.

F). Referensi

  https://www.duniailkom.com/tutorial-belajar-javascript-cara-memasukkan-input-kode-javascript-ke-dalam-html/ 

Cukup sekian informasi yang dapat saya berikan pada hari ini, jika ada kesalahan mohon maaf semuanya. Terima kasih telah mengunjungi blog saya dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog saya yang saat ini masih biasa-biasa saja.

  ~ Wassalamu'alaikum Wr. Wb. ~