cara memanggil js di html

Mempelajari cara memanggil JavaScript (JS) di dalam Hypertext Markup Language (HTML) merupakan langkah dasar yang penting dan perlu dipahami oleh setiap pengembang web pemula. Dengan memahami konsep ini, kamu akan mampu membuat website yang interaktif dan dinamis.

Dalam artikel ini, kita akan membahas langkah demi langkah bagaimana cara memanggil file atau kode JS di dalam HTML.

Cara Memasukkan JS Langsung di Dalam HTML

Salah satu cara termudah memanggil JS adalah dengan langsung menuliskannya di dalam HTML. Hal ini bisa dilakukan dengan menggunakan tag <script>.

Berikut adalah contoh cara penerapannya:

<!DOCTYPE html>
<html>
<body>

<h2>Selamat Datang di Website Kami</h2>

<button onclick="pesanSelamatDatang()">Klik di sini</button>

<script>
function pesanSelamatDatang() {
  alert("Selamat datang di Website Kami!");
}
</script>

</body>
</html>

Pada kasus di atas, fungsi pesanSelamatDatang() akan dipanggil ketika tombol diklik oleh pengguna.

Cara Memanggil JS via File Eksternal

Cara lain untuk memanggil JS adalah dengan menggunakan file eksternal. Ini bisa dilakukan dengan menciptakan sebuah file JS terpisah dan kemudian memanggil file tersebut di dalam HTML.

Berikut adalah contoh cara penerapannya:

Langkah 1: Membuat File JS

Pertama, buatlah sebuah file JavaScript dengan nama, misalnya, script.js, dan letakkan kode berikut di dalamnya:

function pesanSelamatDatang() {
  alert("Selamat datang di Website Kami!");
}

Langkah 2: Memanggil File JS di Dalam HTML

Selanjutnya, gunakan tag <script> dengan atribut src untuk memanggil file tersebut di dalam HTML. Kode tersebut bisa kamu tempatkan sebelum penutup tag </body>.

<!DOCTYPE html>
<html>
<body>

<h2>Selamat Datang di Website Kami</h2>

<button onclick="pesanSelamatDatang()">Klik di sini</button>

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

</body>
</html>

Dengan begitu, setiap kali tombol diklik, fungsi pesanSelamatDatang() yang berada di file script.js akan dipanggil.

Demikianlah cara dasar memanggil JavaScript di dalam HTML. Dengan memahami ini, kamu dapat melanjutkan belajar ke teknik JavaScript yang lebih kompleks. Selamat mencoba!

CARA MEMANGGIL JS DI HTML

Artikel ini menjelaskan cara memanggil JavaScript (JS) di HTML dengan mudah dan rinci. Kamu akan dipandu langkah demi langkah untuk dipraktekkan sendiri.

Cara Memasukkan JS Langsung di Dalam HTML

Cara Memanggil JS via File Eksternal

Langkah 1: Membuat File JS

Langkah 2: Memanggil File JS di Dalam HTML

Kelas membuat website dengan HTML dan CSS