Javascript & DOM #3 – DOM Selection (Part 1)

Javascript & DOM #3 - DOM Selection (Part 1)

Javascript & DOM #3 – DOM Selection (Part 1)

Di video kali ini kita akan membahas bagaimana cara menyeleksi elemen pada DOM menggunakan beberapa method :

1. document.getElementById()
2. document.getElementsByTagName()
3. document.getElementsByClassName()


DOWNLOAD SOURCE HTML
https://codepen.io/webprogrammingunpas/pen/vdGvRX


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

https://www.facebook.com/WebProgrammingUNPAS
http://codepen.io/webprogrammingunpas
https://github.com/webprogrammingunpas
http://twitter.com/sandhikagalih
http://instagram.com/sandhikagalih


UNIVERSITAS PASUNDAN BANDUNG
http://www.unpas.ac.id/
http://www.if.unpas.ac.id/

terimakasih dan selamat #ngoding!

@sandhikagalih
Javascript & DOM #3 – DOM Selection (Part 1)



Javascript & DOM #3 – DOM Selection (Part 1)

Related posts

25 Thoughts to “Javascript & DOM #3 – DOM Selection (Part 1)

  1. pas di
    const p1 = document.getElementsClassName('p1');
    malah error
    Uncaught TypeError: document.getElementsClassName is not a function

  2. terima kasih pak atas ilmunya. tetap semangat !

  3. Maraton belajar DOM.,
    terima kasih Pak, tutorialnya sangat membantu sekali..

  4. Selamat siang, izin bertanya, disini kan sudah tidak lagi pake keywoard var lagi, pakenya const dan let . Mohon izin penjelasan itu di seri video yg mana ya? Nuhun

  5. karo ngopi ndelok learning js ini mantap …. kamsia mas… sangat mendidik.

  6. mau tanya dong pak dika, untuk getElementsByTagName (HTMLCollection) bisa pakai forEach atau tidak bisa?

  7. 12:31 Keanapa di depannya harus pake const?

  8. Pak dika please bantuannya. Bagaimana caranya melakukan penjumlahan dalam perulangan seperti ini.

    function taksiran1(){
    for (var index = 0; index < 5; index++){
    const vprice = document.getElementsByClassName('selectprice')[index].value;
    const vqty = document.getElementsByClassName('selectqty')[index].value;
    const subtotal = document.getElementsByClassName('total')[index].value=vprice * vqty;
    }
    }

    Jadi hasil dari setiap perkaliannya ingin saya jumlahkan. Sebelumnya saya coba begini tidak bisa.

    const jumlahkan = subtotal[0] + subtotal[1] + subtotal[2] + subtotal[3] + subtotal[4];
    document.getElementById('totalbayar').value=jumlahkan;

  9. kenapa getElementsByClassName di sumblime text saya tidak jalan??

  10. Jika Hover dgn javascript gimana pak?

  11. Gatau Lagi Harus Belajar Dari mana Saya Pengen banget Jadi Programer , tp video nya Banyak Banget jd bingung harus dri mana mulai nya

  12. Terima kasih pak dika penjelasannya, sangat membantu buat saya yg pemula.

  13. Ini dia yang saya cari kang 😀

  14. Calon rektor unpas masa depan. Btw kenapa ya pak saya ngga pernah pake ';' di akhir baris tapi tetep bisa jalan scriptnya? Nuhun

  15. Pak dika saya mau nanya fungsi const lebih spesifiknya kaya gimna ya ?

  16. salah satu contoh Aktual dari "ilmu yang bermanfaat"; semoga semakin banyak yang tercerahkan sehingga jadi amal Jariyah buat pak Dhika. Semoga Berkah pak; Sehat-sehat selalu, dan segala urusan di permudah. Aamin

  17. IMD

    Kang kalau pake var bukan const ,itu nggak apa-apa kang?

  18. pak, itu distylenya kepada ada sign bintang ?

  19. abis ini lanjut React enak neh kykna

  20. Jangan lupa tonton iklannya

  21. pak kenapa setiap mau menggunakan method harus dijadikan variabel dlu ? contoh, cons judul = document.getElementById() , kenapa ga lngsung nulis document.getElementById
    ? terimakasih

  22. Kenapa itu pake const bukan var?

  23. Terimakasih Source codenya HTMLnya , tugas dari pak Isa jadi cepet selesai 🙂

  24. pak dhika mau nanya. kan katanya kalo pake const data nya engga bisa diubah. tapi ini kok bisa diotak-atik yang value dari html nya ? terima kasih pak

Leave a Comment