JavaScript

Definisi

JavaScript adalah bahasa pemrograman untuk interaksi, logika aplikasi, dan pengelolaan state di halaman web.

Fungsi

JavaScript dipakai untuk menangani event pengguna, mengubah DOM, memproses data, menjalankan request async, dan mengatur perilaku UI. Di browser, JavaScript membuat halaman menjadi interaktif. Di server, JavaScript juga bisa dipakai lewat lingkungan seperti Node.js.

Konsep Dasar

Fondasi JavaScript yang paling penting adalah:

• Variable: menyimpan nilai
• Function: unit logika yang bisa dipakai ulang
• Object: struktur data key-value
• Array: daftar nilai
• DOM: representasi halaman yang bisa diakses script
• Event: kejadian seperti klik, input, atau submit
• Promise: representasi proses async

Contoh

javascript

const tombol = document.querySelector('#simpan')
 
tombol.addEventListener('click', () => {
  alert('Data disimpan')
})

Penjelasan

Kode di atas mencari elemen dengan id simpan, lalu menempelkan event listener. Saat tombol diklik, browser menjalankan aksi alert. Dari sini terlihat bahwa JavaScript menghubungkan elemen UI dengan perilaku.

Saat logika bertambah kompleks, JavaScript biasanya dipakai untuk mengelola state, mengambil data dari server, lalu memperbarui tampilan berdasarkan hasil tersebut.

Catatan Implementasi

• Gunakan const untuk nilai yang tidak diubah dan let untuk nilai yang memang berubah.
• Pecah logic ke function kecil dengan tanggung jawab jelas.
• Jangan campur manipulasi DOM dan logika bisnis terlalu berantakan.
• Tangani error pada proses async.
• Hindari pola kode yang membuat state sulit dilacak.
• Pahami urutan eksekusi sebelum masuk ke request dan callback.

Istilah

• DOM: struktur dokumen yang dapat diubah JavaScript.
• Event: kejadian dari browser atau pengguna.
• Async/await: sintaks untuk menangani proses async.