cara membuat javascript di html

Bahasa pemrograman JavaScript sangat populer digunakan dalam pengembangan web, terutama dalam membuat situs web interaktif. Untuk bisa melakukannya, kamu perlu tahu bagaimana cara membuat script JavaScript dan mengeksekusinya pada halaman web HTML. Nah, di artikel ini, kita akan membahas langkah-langkah untuk membuat JavaScript di HTML.

Langkah-langkah Membuat JavaScript di HTML

Membuat Script JavaScript

Pertama, kamu perlu membuat skrip JavaScript. Skrip ini bisa berisi instruksi, fungsi, dan variable berdasarkan kebutuhanmu.

var pesan = "Hello, Dunia!";
alert(pesan);

Dalam skrip di atas, kita membuat sebuah variabel pesan yang berisi string “Hello, Dunia!“. Kemudian, kita memakai fungsi alert() untuk menampilkan pesan tersebut pada pengguna.

Menyisipkan JavaScript ke Dalam HTML

Ada dua cara menyisipkan JavaScript ke dalam HTML, yaitu secara internal dan eksternal.

Secara Internal

Untuk melakukan penyisipan secara internal, kamu hanya perlu menuliskan skrip JavaScript di dalam tag <script> pada HTML. Biasanya, tag ini diletakkan di bagian <head> atau di akhir bagian <body>.

<!DOCTYPE html>
<html>
<head>
  <title>Belajar JavaScript</title>
</head>
<body>
  
  <script>
    var pesan = "Hello, Dunia!";
    alert(pesan);
  </script>

</body>
</html>

Dalam contoh di atas, skrip JavaScript ditempatkan di bagian akhir dari <body>.

Secara Eksternal

Jika skrip JavaScriptmu cukup besar dan kompleks, lebih baik menuliskannya dalam file terpisah, lalu menghubungkannya ke HTML menggunakan attribut src pada tag <script>.

<!DOCTYPE html>
<html>
<head>
  <title>Belajar JavaScript</title>
</head>
<body>
  
  <script src="script.js"></script>

</body>
</html>

Dalam contoh di atas, file script.js adalah file di mana skrip JavaScript kamu berada.

CARA MEMBUAT JAVASCRIPT DI HTML

Artikel ini menjelaskan cara membuat dan mengintegrasikan JavaScript ke dalam HTML dengan mudah dimengerti.

Langkah-langkah Membuat JavaScript di HTML

Membuat Script JavaScript

Menyisipkan JavaScript ke Dalam HTML

Secara Internal

Secara Eksternal

Kelas membuat website dengan HTML dan CSS