Pengenalan JavaScript & Cara Menjalankannya di Browser

Dalam tutorial kali ini kita akan membahas Pengenalan JavaScript dan Cara Menjalankannya di Browser. Lalu, apa itu JavaScript? JavaScript adalah bahasa pemrograman yang digunakan untuk membuat website menjadi interaktif dan dinamis. Jika HTML digunakan untuk membentuk struktur dan CSS untuk mempercantik tampilan, maka JavaScript berperan memberikan “kehidupan” pada halaman web.

Dengan JavaScript, kamu bisa membuat efek animasi, tombol yang merespons klik, form validasi, hingga menampilkan data secara real-time tanpa harus memuat ulang halaman.

Contohnya, ketika kamu menekan tombol “Like” di media sosial dan jumlahnya langsung bertambah — itu karena JavaScript!

Mengapa Harus Belajar JavaScript?

Bahasa wajib di web — semua browser mendukung JavaScript.
Mudah dipelajari — cocok untuk pemula tanpa latar belakang pemrograman.
Bisa digunakan di mana saja — dari frontend (browser) hingga backend (Node.js).
Banyak framework populer seperti React, Vue, dan Angular yang berbasis JavaScript.

Perbedaan JavaScript, HTML, dan CSS

Agar lebih mudah memahami peran JavaScript, berikut perbandingannya dengan dua komponen penting lain dalam pembuatan website:

Bahasa	Fungsi Utama	Contoh Penggunaan
HTML (HyperText Markup Language)	Membentuk struktur halaman web	Membuat paragraf, judul, tombol, tabel
CSS (Cascading Style Sheets)	Mengatur tampilan halaman web	Memberi warna, mengatur layout, ukuran font
JavaScript	Memberikan interaktivitas & logika	Menangani klik, validasi form, animasi, data dinamis

Analogi sederhana:
Bayangkan website seperti manusia:

HTML adalah tulangnya,
CSS adalah pakaiannya,
JavaScript adalah otaknya yang membuat semuanya hidup dan bereaksi.

Cara Menjalankan JavaScript di Browser

Ada tiga cara mudah untuk menjalankan JavaScript di browser:

1. Langsung di Console Browser

Buka browser (misalnya Chrome)
Tekan Ctrl + Shift + J (Windows) atau Cmd + Option + J (Mac)
Ketik kode sederhana:
```
alert("Halo, JavaScript!");
```
Tekan Enter → lihat hasilnya!

2. Menulis di Tag `<script>` dalam HTML

Contoh file index.html:

<!DOCTYPE html>
<html>
<head>
  <title>Belajar JavaScript</title>
</head>
<body>
  <h1>Selamat Datang di JavaScript!</h1>

  <script>
    console.log("Halo dari JavaScript!");
  </script>
</body>
</html>

Buka file ini di browser, lalu buka console (F12 → tab Console) untuk melihat hasilnya.

3. Menggunakan File Eksternal `.js`

Cara ini lebih rapi untuk proyek besar.

Buat file script.js:
```
alert("Halo dari file eksternal!"); 
```
Hubungkan ke HTML:
```
<script src="script.js"></script>
```

Dengan cara ini, kamu bisa memisahkan kode JavaScript dari struktur HTML.

Kesimpulan

JavaScript adalah fondasi penting dalam pengembangan web modern. Dengan menguasai dasar seperti ini, kamu bisa melangkah ke tahap berikutnya — mulai dari manipulasi DOM hingga membuat aplikasi web interaktif. Belajar pengenalan JavaScript adalah langkah pertama menuju dunia pengembangan web yang seru dan penuh peluang! Dan dengan memahami pengenalan JavaScript dan cara menjalankannya di browser, kamu juga sudah mengambil langkah pertama untuk membuat web yang interaktif, menarik, dan hidup!

Mengapa Harus Belajar JavaScript?

Perbedaan JavaScript, HTML, dan CSS

Cara Menjalankan JavaScript di Browser

1. Langsung di Console Browser

2. Menulis di Tag <script> dalam HTML

3. Menggunakan File Eksternal .js

Kesimpulan

Related posts:

2 thoughts on “Pengenalan JavaScript & Cara Menjalankannya di Browser”

2. Menulis di Tag `<script>` dalam HTML

3. Menggunakan File Eksternal `.js`