Pada tutorial JavaScript part 1 – part 7, kita belum membahas cara penulisan kode program JavaScript. Di dalam tutorial-tutorial tersebut, kita mempersiapkan ‘lingkungan’ yang harus diketahui untuk dapat dengan mudah memahami dan manjalankan JavaScript.
Mempelajari JavaScript pada dasarnya terdiri dari 2 bagian besar, yakni JavaScript Inti (sering disebut dengan istilah: Core JavaScript), serta API yang disediakan oleh web browser (yang dikenal dengan istilah DOM, singkatan dari Document Object Model). Pada tutorial kali ini kita akan membahas Pengertian Core JavaScript dan DOM (Document Object Model) dalam JavaScript.
Pengertian Core JavaScript
Core JavaScript atau JavaScript inti adalah istilah yang merujuk kepada ‘Bahasa Pemograman JavaScript‘. Pada bagian Core JavaScript inilah kita akan belajar tentang aturan pemograman yang umumnya dipelajari, seperti cara pendefenisian variabel, perbedaan tipe-tipe data, cara pembuatan array, cara penulisan struktur IF, serta cara pembuatan Objek.
Bagian Core JavaScript membahas tentang “bahasa” (atau syntax) dari JavaScript. Jika anda pernah menggunakan bahasa pemograman seperti C++ atau PHP, tidak akan terlalu sulit untuk mempelajari aturan penulisan dalam JavaScript.
Perbedaan mendasar antara JavaScript dengan dengan bahasa pemograman lain, adalah sifat JavaScript yang lebih berorientasi ke Objek. Namun JavaScript ‘tidak mengharuskan’ menggunakan objek. Saya menyebutnya ‘tidak harus’ karena kita bisa membuat beberapa kode program yang seolah-olah tanpa menggunakan objek. Contohnya adalah fungsi alert.
<script> alert(‘Hello World’); </script>
Fungsi alert sebenarnya adalah method dari objek window dalam JavaScript, yang seharusnya dipanggil dengan struktur objeknya:
<script> window.alert(‘Hello World’); </script>
Penjelasan tentang objek windows ini, dan juga kenapa kita tidak harus menuliskannya, akan kita bahas pada tutorial tersendiri.
Core JavaScript juga merupakan istilah untuk JavaScript yang tidak terikat dengan ‘lingkungannya’ yaitu web browser. Selama ini JavaScript hanya dikenal sebagai bahasa tipe client-side JavaScript yang dijalankan di dalam web browser.
Akan tetapi, perkembangan JavaScript saat ini juga mendukung penggunaanya di sisi server (salah satunya dengan menggunakan node.js).
Pengertian DOM (Document Object Model)
Bagian kedua yang akan kita pelajari dalam menguasai Client-Side JavaScript adalah DOM (singkatan dari Document Object Model). DOM adalah API (Application Programming Interface) yang disediakan web browser kepada programmer.
Secara sederhananya, DOM adalah kumpulan aturan atau cara bagi programmer untuk ‘memanipulasi’ apapun yang tampil dalam halaman web. DOM tidak terikat dengan JavaScript, dan sepenuhnya bukan bagian dari JavaScript. DOM yang sama bisa juga diakses dengan bahasa client-side lain seperti JScript.
Tag atau element yang ada di dalam HTML diatur di dalam DOM. Dengan menggunakan JavaScript, kita bisa memanipulasi seluruh tag HTML ini. Salah satu contoh DOM yang telah kita gunakan adalah fungsi document.getElementById.
Fungsi document.get ElementById berfungsi untuk mencari sebuah tag HTML berdasarkan id. Selain document.getElementById, dalam DOM juga disediakan fungsi lain seperti document.getElementByName, document.getElementByClass, dan lain-lain. Fitur-fitur seperti inilah yang akan kita pelajari pada bagian DOM.
Karena sifatnya yang berbeda, tutorial JavaScript di duniailkom akan memisahkan Core JavaScript dengan DOM.
Untuk tahap awal saya akan membahas tentang Core JavaScript, dan setelah itu baru mempelajari struktur dan aturan DOM dari web browser. Dalam tutorial berikutnya, kita akan mempelajari aturan dasar penulisan kode program JavaScript.

Nah bagaimana kalau kasusnya kita memiliki banyak elemen dengan nama class yang sama, dan jika kita ingin memanggilnya, bagaimana kita bisa menentukan apakah itu elemen yang pertama atau elemen yg lainnya?
anda masukan classnya kedalam array, lalu di looping, jika indexnya adalah [0] maka jalankan perintah. tapi untuk lebih mudah, di jquery sudah ada methodnya. misal di dalam list dan semua classnya sama, maka tinggal di beri method .eq( int: index ), indexnya bernilai integer dan dimulai dari 0, kurang lebih mirip dengan yang saya bahas di kalimat pertama komentar ini.
saya sedang mengerjakan project delphi menggunakan javascript .. dimana d situ juga saya membuat browser sederhana dengan implementasi javascript d dalamnya ..
yang mau saya tanyakan bagaimana caranya mengambil nilai yg ada di HTML / halaman browser sehingga dgn menggunakan javascript tersebut akan saya tampilkan di GUI program ..
contoh nya misal di halaman web terdapat kata nilai anda adalah = 80 ..
bagaimana mengambil string 80 tersebut dengan javascript ?!
makasih sebelumnya
Untuk cara mengambil nilai HTML dengan Javascript ini langsung saya jawab dengan artikel y gan, silahkan kunjungi alamat berikut: Cara Mengambil Nilai HTML dengan JavaScript. Semoga bisa membantu dan silahkan tinggalkan komentar jika ada pertanyaan.. :)
Aslkm, gini kakak/abang, bagaimana cara memperbaiki atw mencari kesalah yang timbul seperti ini di program PHP : DataTables warning: table id=Data_dosen – Requested unknown parameter ‘1’ for row 5. For more information about this error, please see http://datatables.net/tn/4 sampai disini binggung, tlong solusi dri abg/ka2k semua. . makasihh. .
Show us your query
Wah, pakai datatables ya? mohon maaf karena saya belum mendalami cara penggunaan datatables, mungkin rekan2 yang lain ada yang lebih paham.. :)
Terimakasih, ilmunya sangat bermanfaat
Akhirnya duniailkom ngeluarin tutorial javascript secara detail. Karena saya juga sedang belajar javascript, saya ingin bertanya soal DOM.
Yang mau saya tanyakan, kan kebanyakan tipe javascript yang sering dipakai di sebuah web mayoritas pake DOM kayak, getElementById, document.location, addEventListener dll.
Jadi kalo beloh tau, apa aja macam" DOM yang mesti dipelajari dan apa saja fungsi"nya?
DOM (Document Object Model) bisa dibilang hanya kode HTML biasa gan. Yang disebutkan itu adalah kode JavaScript yang digunakan untuk mengakses DOM, atau bisa dibilang sebagai DOM API.
Kalau ditanya berapa banyak, jawabannya "sangat banyak", hehe.. Sama seperti pertanyaan berapa banyak jumlah tag di dalam HTML :)
Beberapa diantaranya bisa cek kesini: http://www.w3schools.com/jsref/dom_obj_document.asp
Mas, mau tanya JScript dengan JavaScript itu sama atau beda yah? Kalo beda, bedanya apa? Thanks
JScript itu buatan microsoft sebagai "tandingan" untuk JavaScript buatan Netscape. Ini terjadi di era "browser war" antara Internet Explorer dengan Nestcape Navigator di tahun 2000an. Jscript mirip2 seperti JavaScript walaupun g sama persis.
Sekarang bisa dibilang JScript ini sudah mati dan tidak dikembangkan lagi.
saya punya kasus kaya gini:
saya mempunyai 3 class dengan nama yang sama
saya ingin memberi "mouseover" dengan warna "green" kepada 3 class tersebut
pertanyaannya:
bagaimana caranya ketika class ke-1 terlewati mouse maka akan berubah warna (hanya class ke-1, class yang lain tidak berubah warna) ?
begitupula ketika mouse melewati class ke-2, maka class ke-2 akan berubah warna (hanya class ke-2) dan seterusnya ?