Javascript & DOM #10 - DOM Traversal

Di video kali ini kita akan membahas mengenai DOM TRAVERSAL atau PENELUSURAN pada DOM.

---
DOWNLOAD SOURCE HTML & CSS

---
PLAYLIST Javascript & DOM :

---
PLAYLIST LAIN:

- HTML Dasar

- CSS Dasar

- Tutorial Sublime Text

- CSS Layouting

- Dasar Pemrograman dengan JAVASCRIPT

- Belajar PHP untuk Pemula

---
MEDIA SOSIAL

---
UNIVERSITAS PASUNDAN BANDUNG

terimakasih dan selamat #ngoding!

@sandhikagalih

[zAkezONe]

8:00 beda cara tapi sama-sama berhasil

const closed =
const hidden =

closed.addEventListener('click', function() {
hidden.setAttribute('hidden', '');
});

chanel terbaik emang

[reksamohammad]

apakah jika kita menulis = 'none';
laptop kita akan menghilang?
engga pak, saya bercanda.

sukses terus buat channel ini, sangat membantu sekali buat temen - temen belajar ilmu programming. Terimakasih pak dhika.

[kaumborjuis]

efektif dengan kata lain tidak perlu mendeklarasi setiap node, berguna banget nih pak

[muhammadadekurnia]

Ini Channel Pemrograman Web Terbaik menurut saya 😍

[iko]

Saya selalu menunggu vidio berikutnya
Alnya keren dan mudah dimengerti

[IGEDEWICAKSANA]

pak Dika, video sebelum koding dong. Misalnya waktu ngedesign, merancang, persiapan tool(library, database, framework, dll), dan lain lain biar engga asal koding. Tapi sebelumnya, terima kasih banyak buat video tutorialnya

[iketutjaya]

Saya gak mau ketinggalan videonya pak...
👍👍

[hamidtrend]

kereen pak dika, sharing cara konsep belajar pemrograman dong pak dika, sering latihan tapi perasaan ngga semudah pak dika yah, hehe

[NGprime]

Mantap kang dika channel nya, udah setahun lebih ngikutin,

mau share dikit kang, cara menghapus card

let container =

container.addEventListener("click", function(e){


}
});

Salam (jangan lupa titik koma) :)

[luisly]

Pak dika, mungkin saya emg uda telat banget. Maaf tp saya ad beberapa saran untuk video bapak kedepannya supaya semakin mudah dimengerti termasuk oleh saya sendiri. Saran saya adalah kalau biasa dibagian penutup diberi kesimpulan atau penegasan kembali pak. Seperti contoh video diatas. misal kenapa kita menggunakan dom transversal? Knp ga langsung aj kita seleksi parentnya? Mungkin dikesimpulannya bisa dijelaskan bahwasannya " Keduanya emang benar tapi lebih efektif dan benar kalau menggunakan cara ini" . Terima kasih pak 👏. Semoga bisa terbaca pak dhika karna ni video da 4 tahun yg lalu hehe.

Note : komen ini dari saya pribadi karna saya keasikan denger penjelasan pas diakhir video eh lupa apa bedanya hehe

[ifanzalukhu]

pak dosen request Nodejs & Express dong

[joshuaimmanuel]

let container =
let card =
let tombolX = document.querySelector('.close').addEventListener('click', function(){

});
yg buat menghapus card

[michaelsimbolon]

mantap Pak, walaupun makin kompleks tpi berasa keren
tambahan buat viewers, buat menggunakan browser yang terupdate agar tidak eror

[hilmanfirdaus]

juaraa pisann <3<3;
nggk sabar pengen belajar framework hihihi..;

[aksanraharjo]

Pak Dhika. Terima kasih ilmunya.


Mohon pencerahan. Saya sedang mencoba membuat Sales Order.
Disetiap baris ada 8 kolom. Isinya :


1. Nomor
2. Produk
3. Volume
4. Satuan
5. HJS (Harga Jual Satuan)
6. HJT (Harga Jual Total)
7. HMS (Harga Modal Satuan), dan
8. HMT (Harga Modal Total)


Baris2 ini ditambahkan dengan mengklik tombol "+ baris" dan dikurangi dengan mengklik tombol "- baris. Ini saudah berhasil.


Yang jadi masalah adalah :

HJT = Volume x HJS
HMT = Volume x HMS


Saya mengunakan baris code ini :


const hjs =
const hms =
for( let i = 0; i <= 4; i++){
hjs[i].addEventListener('keyup', function(){

const vol =

const volValue = vol.value;
const hjsValue = hjs[i].value;
const hargaJualTotal =

const volKaliHjs =
hargaJualTotal.innerHTML = volKaliHjs;


});
}


for ( let x = 0; x <= 4; x++ ){

hms[x].addEventListener('keyup', function(){

const vol =
const volValue = vol.value;

const hmsValue = hms[x].value;

const hargaModalTotal =



const volKaliHms =
console.log(volKaliHms);
hargaModalTotal.innerHTML = volKaliHms;


});

}


hasilnya GAGAL !


seolah javascript tidak mengenali class tbodyInput2 dan tbodyInput3 padahal ada. kalo saya rubah warnan di css-nya bisa. Tapi kenapa function ngk jalan ya ?


Mohon pencerahannya Pak Dhika. Nuhun.

[mohammadsjauhary]

Mantap pak, biasanya pake jquery ternyata kode aslinya seperti itu

[ahmadnurarifin]

mantap pak . saya mahasiswa akuntansi . tapi lebih suka coding . lanjutkan trus berbagi informasi nya pak

[coheng.]

semangat terus bikin video nya pak dosen, , 💪💪💪

[FMATheQuiet]

Pak Dika klo Pak Dika musisi dah saya pajang poto pak Dika dan logo WPU nya di kamar saya, Pak Dika nya sebagai vokalis di suatu band bernama Web Programming Unpas

[ASkrik]

Hadir, sehat, maju, and suksess selalu...