Apa Itu JavaScript?

JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web menjadi interaktif. JavaScript berjalan di sisi client (browser), dan dapat merespons aksi pengguna seperti klik tombol, input teks, atau mengubah isi halaman tanpa perlu memuat ulang.

Fungsi JavaScript dalam HTML

• Membuat elemen web menjadi interaktif (seperti tombol, form, menu).
• Memanipulasi konten halaman (DOM).
• Menghubungkan dan mengambil data dari server tanpa reload (AJAX).
• Membuat animasi dan efek visual.

Cara Menambahkan JavaScript ke HTML

Ada tiga cara umum:

1. Langsung di Atribut HTML

<button onclick="alert('Halo!')">Klik Saya</button>

2. Di dalam Tag <script>

<script>
  function halo() {
    alert("Halo dari JavaScript!");
  }
</script>

<button onclick="halo()">Klik Saya</button>

3. Dari File Eksternal

HTML:

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

File script.js:

function halo() {
  alert("Halo dari file eksternal!");
}

Contoh Interaktif

Contoh sederhana tombol dengan JavaScript:

Klik Saya

function sapa() {
alert(“Halo! Kamu baru saja mengklik tombol.”);
}

Lingkungan Pengembangan

Untuk memulai, kamu perlu:

• Browser (misalnya Google Chrome, Mozilla Firefox)
• Text Editor atau IDE (misalnya Visual Studio Code, Sublime Text, atau Notepad++)
• File HTML tempat kamu akan menulis kode JavaScript

Dasar-Dasar JavaScript

console.log("Halo, Dunia!");

JavaScript bisa ditulis dalam file HTML di dalam tag <script>, atau di file terpisah dengan ekstensi .js.

Variabel dan Tipe Data

let nama = "John Doe";
const PI = 3.14;
var tahun = 2025;

JavaScript memiliki beberapa tipe data dasar, seperti String, Number, Boolean, Null, Undefined, Object, dan Array.

Operator

let a = 5, b = 3;
console.log(a + b); // 8
console.log(a > b); // true

Struktur Kontrol

let umur = 20;
if (umur >= 18) {
    console.log("Anda sudah dewasa!");
} else {
    console.log("Anda belum dewasa!");
}

Fungsi

function greet(nama) {
    console.log("Halo, " + nama + "!");
}
greet("John");

Array

let buah = ["Apel", "Banana", "Mangga"];

Array digunakan untuk menyimpan kumpulan data.

Object

let person = {
    name: "John Doe",
    age: 30,
    isStudent: false
};

Object digunakan untuk menyimpan data yang lebih kompleks.

Event

document.getElementById("tombol").addEventListener("click", function() {
    console.log("Tombol telah diklik!");
});

Event digunakan untuk menangkap interaksi pengguna.