Javascript & DOM #10 – DOM Traversal
Di video kali ini kita akan membahas mengenai DOM TRAVERSAL atau PENELUSURAN pada DOM.
—
DOWNLOAD SOURCE HTML & CSS
https://codepen.io/webprogrammingunpas/pen/KoQvOY
—
PLAYLIST Javascript & DOM :
https://www.youtube.com/playlist?list=PLFIM0718LjIWB3YRoQbQh82ZewAGtE2-3
—
PLAYLIST LAIN:
– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F
– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p
– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c
– CSS Layouting
https://www.youtube.com/playlist?list=PLFIM0718LjIUu4Ju9GUL5zpLcuq08TKYr
– Dasar Pemrograman dengan JAVASCRIPT
https://www.youtube.com/playlist?list=PLFIM0718LjIWXagluzROrA-iBY9eeUt4w
– Belajar PHP untuk Pemula
https://www.youtube.com/playlist?list=PLFIM0718LjIUqXfmEIBE3-uzERZPh3vp6
—
MEDIA SOSIAL
– http://instagram.com/sandhikagalih
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas
– https://github.com/webprogrammingunpas
– http://twitter.com/sandhikagalih
—
UNIVERSITAS PASUNDAN BANDUNG
http://www.unpas.ac.id/
http://www.if.unpas.ac.id/
terimakasih dan selamat #ngoding!
@sandhikagalih
Javascript & DOM #10 – DOM Traversal
Javascript & DOM #10 – DOM Traversal
Wah mantap pak dika
Saya selalu menunggu vidio berikutnya
Alnya keren dan mudah dimengerti
Pak..kpn bahas framework phpnya hehe
Pak CI nya kapan yaa, klu boleh tw kita
Keren . .di tunggu yg selanjutnya
Nuhun bang dika
semangat terus bikin video nya pak dosen,, 💪💪💪
Pak tutorial laravel dong
laravel dan eloquent nya ditunggu pak hehe
Mantap pak, biasanya pake jquery ternyata kode aslinya seperti itu
Kasih tutorial bahasa python dong ,pingin bisa bikin tool sederhana sendiri soalnya biasanya copas mulu
juaraa pisann <3<3;
nggk sabar pengen belajar framework hihihi..;
Saya gak mau ketinggalan videonya pak…
👍👍
pak dosen request Nodejs & Express dong
baang tau tooltip gak? kalo tau buat tutorialnya dong!
Mantap kang dika channel nya, udah setahun lebih ngikutin,
mau share dikit kang, cara menghapus card
let container = document.querySelector(".container");
container.addEventListener("click", function(e){
if(e.target.classList.contains("close")){
e.target.parentElement.remove();
}
});
Salam (jangan lupa titik koma) 🙂
kok sama aja ya kayak panggil querySelector langsung ke id/class nya ?
pak ada rencana bikin tutor node.js ngga ?
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
appresiasi buat pak dika dengan like semua video nya, non aktifkan ads block saat menyaksikan videonya dan jgn lp subscribe 🙂 semoga pak dika tetap semangat membagikan ilmunya.
#TANYAPADIKA pak dika lanjutin video php nya dong pak, kan video itu untuk pemula jadi pasti ada yang bukan pemulanya 🙂 eak
Cara membuat slider di web bagaimana pak dika ?
javaScript luarbiasa yaaaa…
mas buat java scrip hitung nilai max dan min nya mas .
kereen pak dika, sharing cara konsep belajar pemrograman dong pak dika, sering latihan tapi perasaan ngga semudah pak dika yah, hehe
mantap pak . saya mahasiswa akuntansi . tapi lebih suka coding . lanjutkan trus berbagi informasi nya pak
Hadir, sehat, maju, and suksess selalu…
Penjelasan yang detail mengenai DOM Traversal buat saya, terima kasih kang :)))
/* BTW ini script saya sebelum videonya di lanjut dimenit 7:30 */
const card = document.querySelector('.card');
const closeBtn = card.querySelector('.close');
closeBtn.addEventListener('click', function() {
if (closeBtn.classList.contains('close')) {
card.style.display = 'none';
}
});
apakah jika kita menulis e.target.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.style.display = '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.
Malam pak dhika, jika parent nya hanya satu gmna ya pak ? Terima kasih
pak dika kok kalo saya add elemnt terus mau remove element pake cara pak dika ga bisa? saya ikutin cara add element di vidio ke 3 di playlistt ini
for(let i = 0; i < close.length; i++){
close[i].addEventListener('click', function(){
});
pak, mohon pencerahannya. saya tidak mengerti.
kalo tidak diklik kan pengulangannya sudah langsung habis, gmna ya pak?
pa klo untuk looping dan fungsi addeventlistener di jquery gmna pa ??
lapor pak dosen
const card = document.getElementsByClassName("card")[0];
const close = document.getElementsByClassName("close")[0];
close.addEventListener('click', function(){
if(close.classList.contains("close")){
card.style.display = 'none';
}
});
ooh… mirip mirip dengan lookup kah?
Tapi bagaimana cara install .html to .apk tolong buat tutorialnya😕
Terima kasih pak