Menjalankan Kode Javascript

Cara menjalankan kode javascript adalah menggunakan tag script untuk menulis kode secara inline html maupun ditautkan ke url file javascript.

August 9, 2021 - 2 min read

Beberapa dari teman-teman disini, pasti bertanya-tanya bagaimana cara mulai menjalankan kode javascript yang telah kita buat?

Apa kita membutuhkan hal-hal rumit, seperti setup development environtment yang terlalu ribet?

Tentu saja tidak, kita hanya membutuhkan web browser, file HTML dan file javascript itu sendiri. Bahkan tanpa file javascript, kita bisa loh hanya menyisipkan kode javascript di dalam file HTML.

Untuk sekarang, mari kita coba.

Embedded javascript dalam file html

Seperti yang saya jelaskan tadi, kita bisa kok menyisipkan kode-kode javascript kedalam file html. Contohnya seperti dibawah ini.

<script>
    /**
        kode javascript dituliskan dalam tag script
    */
    const message = "Hello World"
    alert(message)
</script>

Jadi disini kita harus menuliskan kode-kode yang telah dibuat kedalam file javascript yang tentu saja berekstensi .js.

<script src="main.js"></script>

Penempatan tag script

Lalu bagaimana dengan penempatan tag script itu sendiri? Tidak mungkin kan kita menempatkan tag script secara acak.

Ya tentu saja, kita diharuskan meletakkan tag script di dalam tag head atau di akhir dari tag body.

<html>
    <head>
        <title>My Website</title>
        <script>
            alert("Welcome to my website.")
        </script>
    </head>
    <body>
        <h1>Content Title</h1>

        <script src="main.js"></script>
        <!-- script baik yang diatas maupun dibawah juga bisa dibolak-balik -->
    </body>
</html>

Jadi pilihannya ada di tangan temen-temen. Tapi jika dilihat dari best practices, penempatan tag script pada akhir dari tag body adalah yang paling direkomendasikan.

Karena browser akan membaca file html dari atas ke bawah. Sehingga apabila kita meletakkan tag script dalam tag head, besar kemungkinan akan ada beberapa konten di dalam tag body yang akan sukar terbaca di kode javascript kita. Itu karena web browser seharusnya membaca seluruh konten dalam tag body terlebih dahulu, sebelum memulai membaca kode javascript milik kita.

Penutup

Jadi sampai disini saja tutorial kali ini, semoga ilmu yang kita dapatkan hari ini akan menjadi berkah di kemudian hari. Sampai jumpa di tutorial-tutorial selanjutnya ….

Kamu mungkin juga suka.