Posts

Showing posts from October, 2024

Variabel Javascript

 Dalam JavaScript, variabel adalah wadah untuk menyimpan nilai data. Anda dapat membuat variabel menggunakan tiga kata kunci: var , let , dan const . Berikut penjelasan singkat tentang masing-masing: 1. var Mendeklarasikan variabel yang dapat diubah nilainya. Memiliki cakupan fungsi atau cakupan global, tergantung di mana ia dideklarasikan. Hoisted ke atas cakupannya. var nama = "Alice" ; nama = "Bob" ; // Penggantian diperbolehkan 2. let Mendeklarasikan variabel yang memiliki cakupan blok dan dapat diubah nilainya. Lebih modern dan lebih disarankan dibandingkan var untuk sebagian besar kasus. let usia = 25 ; usia = 30 ; // Penggantian diperbolehkan 3. const Mendeklarasikan variabel yang memiliki cakupan blok dan tidak dapat diubah nilainya. Berguna untuk konstanta atau nilai yang tidak seharusnya berubah. const phi = 3.14 ; // phi = 3.14159; // Ini akan menghasilkan kesalahan Contoh Berikut adalah contoh sederhana yang menggunakan ketiga kata kunci tersebut:

Pengenalan DOM (Document Object Model) dalam JavaScript

  Apa itu DOM? DOM adalah singkatan dari Document Object Model. Ini adalah representasi struktur dokumen HTML atau XML sebagai objek yang dapat dimanipulasi dengan bahasa pemrograman seperti JavaScript. DOM memungkinkan kamu untuk mengakses dan memanipulasi elemen-elemen di halaman web secara dinamis. Struktur DOM DOM mengorganisir elemen-elemen dalam bentuk pohon. Setiap elemen dalam dokumen adalah node. Berikut adalah beberapa jenis node dalam DOM: Element Node : Node yang mewakili elemen HTML. Text Node : Node yang mewakili teks di dalam elemen. Attribute Node : Node yang mewakili atribut dari elemen HTML. Mengakses Elemen dengan DOM JavaScript menyediakan beberapa metode untuk mengakses elemen dalam DOM: getElementById Mengakses elemen berdasarkan ID. javascript Copy code const element = document . getElementById ( 'myId' ); getElementsByClassName Mengakses elemen berdasarkan nama kelas. Mengembalikan koleksi elemen. javascript Copy code const elements = document . getEle