Belajar Dasar-Dasar JavaScript: Variabel, Fungsi, dan Event

Posted on by Muhammad Havis Hasibuan
0

Belajar Dasar-Dasar JavaScript: Variabel, Fungsi, dan Event – JavaScript adalah bahasa pemrograman yang menjadi tulang punggung dari pengembangan web modern. Bersama HTML dan CSS, JavaScript berperan penting dalam membuat halaman web menjadi interaktif dan dinamis. Bagi pemula, tiga konsep utama yang perlu dikuasai terlebih dahulu adalah variabel, fungsi, dan event.

1. Variabel

Variabel digunakan untuk menyimpan nilai yang dapat digunakan kembali dalam program. JavaScript menyediakan tiga cara untuk mendeklarasikan variabel:

var nama = "Budi";
let umur = 20;
const negara = "Indonesia";
  • var: digunakan untuk variabel lama, namun memiliki kelemahan dalam scope (cakupan).
  • let: digunakan untuk variabel yang nilainya bisa berubah.
  • const: digunakan untuk nilai tetap yang tidak boleh diubah.

Contoh penggunaan variabel:

let angka1 = 10;
let angka2 = 5;
let hasil = angka1 + angka2;
console.log("Hasil penjumlahan:", hasil);

2. Fungsi (Function)

Fungsi adalah blok kode yang digunakan untuk menjalankan tugas tertentu. Dengan fungsi, kode menjadi lebih terstruktur dan mudah digunakan kembali.
Contoh fungsi sederhana:

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

sapa("Andi");

Fungsi di atas akan menampilkan pesan “Halo, Andi!” di konsol.

Selain cara klasik, JavaScript modern juga mendukung arrow function:

const kali = (a, b) => a * b;
console.log(kali(3, 4));

3. Event (Peristiwa)

Event digunakan untuk mendeteksi interaksi pengguna, seperti klik, ketikan, atau gerakan mouse. Misalnya:

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

<script>
function tampilPesan() {
  alert("Tombol berhasil diklik!");
}
</script>

Ketika tombol diklik, fungsi tampilPesan() akan dijalankan. Event ini sangat penting dalam membuat web interaktif.

Kesimpulan

Pemahaman tentang variabel, fungsi, dan event adalah dasar dalam mempelajari JavaScript. Ketiganya menjadi fondasi sebelum melangkah ke konsep lanjutan seperti manipulasi DOM, asynchronous programming, dan framework modern seperti React atau Vue. Dengan menguasai dasar ini, Anda sudah memiliki pondasi kuat untuk menjadi pengembang web yang handal di masa depan.

Post Views: 377