Scribd
Unggah
7 tayangan3 halaman

Elemen Dasar JavaScript dan DOM

Dokumen ini memberikan daftar lengkap elemen JavaScript dan DOM, termasuk tipe data, operator, struktur kontrol, fungsi, dan objek bawaan dalam JavaScript. Selain itu, dokumen ini juga menjelaskan elemen DOM seperti pemilihan elemen, manipulasi konten, penanganan event, dan pembuatan elemen baru. Setiap elemen dilengkapi dengan deskripsi dan contoh penggunaan yang jelas.

Diunggah oleh

delciocantoniodejesus
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
7 tayangan3 halaman

Elemen Dasar JavaScript dan DOM

Dokumen ini memberikan daftar lengkap elemen JavaScript dan DOM, termasuk tipe data, operator, struktur kontrol, fungsi, dan objek bawaan dalam JavaScript. Selain itu, dokumen ini juga menjelaskan elemen DOM seperti pemilihan elemen, manipulasi konten, penanganan event, dan pembuatan elemen baru. Setiap elemen dilengkapi dengan deskripsi dan contoh penggunaan yang jelas.

Diunggah oleh

delciocantoniodejesus
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd

Daftar Lengkap Elemen JavaScript dan DOM

1. Elemen Dasar JavaScript (Bahasa)


Kategori Elemen Deskripsi Contoh

Tipe Data Primitif String Teks "Halo Dunia"

Tipe Data Primitif number Angka 42, 3.14

Tipe Data Primitif boolean Benar/Salah true, false

Tipe Data Primitif Null Nilai kosong null

Tipe Data Primitif undefined Belum diberi nilai let x;

Tipe Data Primitif symbol ID unik Symbol('id')

Tipe Data Primitif Bigint Angka besar 123n

Tipe Data Non- Object Koleksi pasangan {nama: "Budi",


Primitif key-value umur: 20}

Tipe Data Non- array List berurutan [1,2,3]


Primitif

Tipe Data Non- function Blok kode yang function halo() {}


Primitif dapat dipanggil

Operator Aritmatika Operasi matematika +, -, *, /, %, **

Operator Perbandingan Membandingkan ==, ===, !=, <, >, <=,


nilai >=

Operator Logika Operasi logika &&, ||, !

Operator Penugasan Menetapkan nilai =, +=, -=, *=

Struktur Kontrol if...else Percabangan logika if(x>5){...}

Struktur Kontrol switch Percabangan switch(x){...}


banyak kondisi

Struktur Kontrol for Perulangan for(let i=0;i<5;i++){}

Struktur Kontrol while Perulangan selama while(x<5){...}


kondisi benar

Struktur Kontrol do...while Perulangan minimal do {...} while(x<5);


sekali

Fungsi Deklarasi Membuat fungsi function nama(){}

Fungsi Ekspresi Fungsi sebagai nilai const x = function()


{}

Fungsi Panah Fungsi ringkas const x = () => {}

Objek Bawaan Math Operasi matematika [Link]()

Objek Bawaan Date Tanggal & waktu new Date()

Objek Bawaan JSON Mengelola JSON [Link]('{}')

Objek Bawaan RegExp Pola pencarian teks /abc/

Objek Bawaan Error Menangani error new Error('pesan')

2. Elemen DOM JavaScript


Kategori Elemen Deskripsi Contoh

Pemilihan [Link]( Ambil [Link]("judul


Elemen ) elemen ")
berdasarka
n id

Pemilihan [Link]() Ambil [Link](".btn")


Elemen elemen
pertama
sesuai
selector CSS

Pemilihan [Link] Ambil [Link]("p")


Elemen () semua
elemen
sesuai
selector CSS

Manipulas .innerHTML Ubah isi [Link] = "<b>Halo</b>"


i Konten HTML

Manipulas .textContent Ubah teks [Link] = "Halo"


i Konten saja

Manipulas .setAttribute() Set atribut [Link]("src","[Link]


i Atribut HTML ")
Manipulas .getAttribute() Ambil nilai [Link]("src")
i Atribut atribut

Manipulas .removeAttribute() Hapus [Link]("class")


i Atribut atribut

Manipulas .[Link] Ubah style [Link] = "red"


i Gaya CSS

Event .addEventListener() Pasang [Link]("click", fn)


Handling event
listener

Event onclick Event klik [Link] = fn


Handling langsung

Pembuata [Link]() Buat [Link]("div")


n Elemen elemen
HTML baru

Pembuata .appendChild() Tambahkan [Link](child)


n Elemen elemen ke
DOM

Pembuata .remove() Hapus [Link]()


n Elemen elemen dari
DOM

Anda mungkin juga menyukai