Menghubungkan JavaScript ke HTML

Untuk menguhubungkan JavaScript ke dalam HTML, Anda dapat menggunakan tag <script>. Berikut adalah contoh cara menambahkan JavaScript ke dalam HTML:

Internal Script: Menyisipkan JavaScript langsung di dalam tag <script> di dalam dokumen HTML.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contoh JavaScript</title>
</head>
<body>

    <h1>Contoh Penggunaan JavaScript</h1>

    <!-- Internal Script -->
    <script>
        // JavaScript code di sini
        alert('Selamat datang! Ini adalah contoh penggunaan JavaScript.');
    </script>

</body>
</html>

External Script: Menggunakan tag <script> untuk merujuk ke file JavaScript eksternal.

Dalam file HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contoh JavaScript Eksternal</title>
    <!-- Menggunakan External Script -->
    <script src="script.js"></script>
</head>
<body>

    <h1>Contoh Penggunaan JavaScript Eksternal</h1>
    <!-- Menggunakan External Script (bisa juga di sini) -->
    <!--  <script src="script.js"></script> -->
</body>
</html>

Dalam file JavaScript (script.js):

// JavaScript code di sini
alert('Selamat datang! Ini adalah contoh penggunaan JavaScript eksternal.');

Dengan menambahkan tag <script> di bagian <head> atau <body>, Anda dapat menyisipkan JavaScript ke dalam halaman HTML Anda. Pastikan untuk menaruh kode JavaScript di antara tag <script> dan </script>.

PreviousPengenalan JavaScript NextVariable

Last updated 1 year ago