📘 Materi JavaScript Dasar

📘 Materi JavaScript Dasar

JavaScript adalah bahasa pemrograman yang digunakan untuk membuat website lebih interaktif, dinamis, dan hidup. Berikut adalah materi dasar JavaScript:

1. Pengenalan JavaScript

JavaScript dijalankan di browser dan memungkinkan interaksi dengan HTML & CSS. Contoh sederhana:

<script>
alert("Hello, JavaScript!");
</script>

2. Variabel & Tipe Data

Variabel digunakan untuk menyimpan data. Ada tiga cara mendeklarasikan variabel:

let nama = "Budi";     // bisa diubah
const umur = 17;       // tetap, tidak bisa diubah
var sekolah = "SMK";   // cara lama

Tipe Data: String, Number, Boolean, Object, Array, Null, Undefined.

3. Operator

Operator digunakan untuk melakukan operasi pada data.

• Aritmatika: +, -, *, /, %
• Perbandingan: ==, ===, !=, >, <
• Logika: &&, ||, !

4. Percabangan (if-else, switch)

let nilai = 80;
if (nilai >= 75) {
  console.log("Lulus");
} else {
  console.log("Tidak Lulus");
}

let hari = "Senin";
switch(hari) {
  case "Senin":
    console.log("Semangat kerja!");
    break;
  default:
    console.log("Hari lainnya");
}

5. Perulangan (loop)

for (let i=1; i<=5; i++) {
  console.log("Perulangan ke-" + i);
}

let j = 1;
while (j <= 5) {
  console.log("While ke-" + j);
  j++;
}

6. Fungsi

function sapa(nama) {
  return "Halo, " + nama;
}
console.log(sapa("Ani"));

7. Array

let buah = ["Apel", "Jeruk", "Mangga"];
console.log(buah[0]); // Apel
buah.push("Pisang");  // tambah data

8. Object

let siswa = {
  nama: "Budi",
  umur: 17,
  sekolah: "SMK"
};
console.log(siswa.nama);

9. DOM (Document Object Model)

JavaScript bisa mengubah isi HTML:

<p id="demo">Halo</p>
<script>
document.getElementById("demo").innerHTML = "Halo Dunia!";
</script>

10. Event (Peristiwa)

Event digunakan untuk merespon aksi pengguna.

<button onclick="alert('Tombol diklik!')">Klik Aku</button>