Javascript Explorers

Postingan

Menampilkan postingan dari Oktober, 2020

Javascript: DOM Document

Document Assalamualaikum wr wb. Halo teman-teman gimana kabarnya? semoga sehat selalu dan bisa menjalani aktifitas dengan lancar. Yap, kita kembali lagi berjumpa di materi javascript dom melanjutkan materi sebelumnya. Bagi teman-teman yang belum mengikuti materi sebelumnya, saya sarankan untuk dibaca terlebih dahulu. DOM Document Seperti pengertian sebelumnya, HTML DOM merupakan sebuah dokumen objek yang merepresentasikan halaman website. Dengan begitu kita dapat mengubah, menghapus dan membuat elemen dan attributnya ataupun value dari tag HTML. Seperti sebelumnya kita menggunakan innerHTML untuk megisi konten dari tag <p>. Sekarang kita akan mencoba menggunakan method lain untuk mengakses DOM. Mencari Elemen / Tag HTML document.getElementById('nama_id'); document.getElementsByClassName('nama_class'); document.getElementsByTagName('nama_tag'); Untuk mencari elemen dengan classname dan tagname sebenarnya hampir mirip. Karena banyak tag bisa menggunakan

Baca selengkapnya

Javascript: DOM Intro

Document Object Model (DOM) Assalamualaikum wr wb. Kembali lagi dengan saya Haikal dengan materi baru tentang Javascript DOM. DOM Tree Ketika halaman HTML atau website di load. Browser akan membuat sebuah DOM (Document Object Model) dan Document terdiri dari DOM Tree yang berisi tag-tag HTML yang saling membungkus satu sama lain. Contohnya seperti diatas. Browser membuat Document lalu berisikan root element berupa tag <html> dan html membungkus <head> dan <body>. Dengan ini bisa diketahui bahwa Javascript dapat mengubah element HTML yang berada di dalam halaman Javascript dapat mengubah attribute HTML yang berada di dalam halaman Javascript dapat mengubah style CSS Javascript dapat menghapus dan membuat element HTML Javascript dapat mereaksi event yang terjadi di halaman Javascript dapat membuat event pada element HTML dalam halaman Terlihat bahwa DOM ini sangat berguna sekali untuk membuat halaman website menjadi dinamis dan interaktif. Di materi ini kita ak

Baca selengkapnya

Javascript: Error Handling

Error Handling Assalamualaikum wr wb. Halo teman-teman kembali lagi dengan saya Haikal di materi javascript dasar. Kali ini saya akan sharing materi tentang error handling atau penanganan error. Kita masuk ke materinya. try..catch.. Menurut https://searchsoftwarequality.techtarget.com/

Baca selengkapnya

Javascript: Array & Object

Array dan Object Assalamualaikum wr wb. Hai teman-teman kembali lagi dengan saya Haikal di website belajar bareng javascript. Pada kali ini saya mau sharing tentang apa itu array dan object. Pernah di singgung di materi variabel apa itu array dan apa itu object. Langsung saja kita mulai pembahasannya. Array Secara definisi, array merupakan sebuah tipe data yang bisa menampung banyak data sekaligus. Cara mengakses array juga mudah hanya tinggal menggunakan index. Index ini lah yang digunakan untuk mengambil data didalam array. contoh: Pertama kita membuat variabel dan memasukkan array. lalu kita mengambil array index ke 0. Kenapa index ke 0? karena array mulai dari 0 bukan dari 1. Dengan mengambil array index ke 0 yang akan terambil merupakan 1 dari dalam variabel arr tersebut. Hasil: // Deklarasi variable dan assign value array kedalamnya var arr = [1,5,2,6,7]; // Ambil nilai array index ke 0 console.log(arr[0]); // Ambil semua data dengan looping biasa (for) for (var i = 0; i

Baca selengkapnya

Javascript: Looping

Looping (Perulangan) Assalamualaikum wr wb. Kembali lagi dengan saya Haikal di website belajar bersama javascript. Pada kali ini saya akan sharing tentang, Apa itu Looping ?. Misal teman-teman mau memberikan pesan yang berulang. Daripada menggunakan console.log yang berulang kayak gini: console.log('Ini pesan 1'); console.log('Ini pesan 2'); console.log('Ini pesan 3'); console.log('Ini pesan 4'); console.log('Ini pesan 5'); Mending kita suruh javascript buat ngulang si console.log tadi. For Loop Yang pertama ada for loop. Seperti namanya, menggunakan kata kunci for untuk looping. Sintaks seperti ini: for(var i = 1; i <= 5; i++){ console.log('Ini pesan ' + i); } Lebih simple kan? pertama kita inisialisasikan terlebih dahulu variabelnya seperti diatas. var i = 1;. Lalu kita masukkan perbandingan agar kode tersebut akan looping beberapa kali hingga akhirnya nilainya false. Lalu i++ merupakan increment. Nilai ini sama dengan i

Baca selengkapnya

Javascript: Comparison

Comparison (Perbandingan) Assalamualaikum wr wb. Kembali lagi dengan saya Haikal di materi javascript dasar. Kali ini saya mau sharing materi lagi nih tentang perbandingan yang sebelumnya pernah di singgung di materi logical operator. Bagi teman-teman nih yang belum baca materi sebelumnya silahkan baca terlebih dahulu agar dapat lebih mengerti di materi kali ini. Langsung saja kita kupas materinya. Equal to (== / ===) Seperti subjudul tadi ya. Sama dengan jadi ini merupakan sebuah perbandingan kedua nilai jika nilai tersebut sama. Misal: var a = 1; var b = 1; if(a == b){ console.log('Sama bro'); }else{ console.log('Gak sama bro'); } Diberikan kedua nilai sama kepada variabel a dan b. Lalu menggunakan perbandingan jika a == b maka jalankan blok berikut. Kalau tidak jalankan blok else. Dikarenakan a == b yang menghasilkan nilai true artinya blok pertama akan dijalankan: Kalau nilanya tidak sama maka akan menghasilkan false dan blok else dijalankan. Terus ada jug

Baca selengkapnya

Javascript: Logical Operator

Operator Logika Assalamualaikum wr wb. Kembali lagi dengan saya haikal di website eksplorasi bahasa javascript. Sebelumnya, kita membahas tentang perbandingan. seperti if, if-elseif, if-else, nested-if. Sekarang kita akan lanjutkan ke materi selanjutnya yaitu operator logika . Tau dong apa itu operator logika?. Operator logika adalah sebuah ekspresi perbandingan dari dua buah nilai atau lebih yang menghasilkan sebuah nilai benar (true) atau salah (false). Misal kita akan membandingakan apakah 'a' && 'b' maka jika nilai keduanya benar (true) maka blok tersebut akan dijalankan. Biasanya, operator logika ini digunakan dengan if-clause dan juga loop (perulangan). Langsung saja kita bahas. AND (&&) Seperti yang disebut sebelumnya, operator AND ini menghasilkan true apabila kedua nilai tersebut true. Sekali lagi, saya disini tidak akan mengajarkan HTML ataupun CSS, Kita akan fokus membahas tentang Javascript, jika teman-teman ingin belajar tentang website

Baca selengkapnya

Javascript: Conditional

Conditional Hallo teman-teman, kembali lagi dengan saya haikal di materi javascript dasar. Pada kali ini kita akan membahas tentang conditional atau pengkondisian. Jadi pengkondisian ini adalah sebuah statement untuk code tersebut dijalankan atau tidak yang nantinya ini akan berhubungan dengan boolean. Bagi yang belum tau apa itu boolean dan tipe data lainnya bisa dibaca materi sebelumnya yang membahas tentang tipe data dan variabel. Ok, langsung saja kita kupas materinya. If Clause If clause atau kalau diterjemahkan si 'if' nya artinya itu jika. Yep, ini seperti pelajaran matematika di bab tentang logika. Jika.... Maka....., Jika besok hujan maka saya tidak akan sekolah. Jika besok hujan maka saya akan bawa payung tapi tidak hujan maka saya tidak akan membawa payung. Ya, intinya si seperti itu. Tapi gimana sih cara penulisan sintaks nya? atau grammar nya javascript. Ini contohnya: var state = true; if(state){ console.log('kondisi: ' + state); } Kita membuat

Baca selengkapnya

Javascript: Operator Arithmetic

Operator Arithmetic Halo teman-teman, kembali lagi dengan saya haikal pada materi javascript dasar. Materi ini akan berkaitan dengan materi sebelumnya yaitu dengan data type dan variable bagi yang belum mengikuti materi sebelumnya boleh dibaca terlebih dahulu linknya Javascript: Data Types and Variable . Nah, pada hari ini kita akan mempelajari sebuah operasi aritmatika pada bahasa javascript. Lah, kan katanya kemarin mau ngebahas tentang function dan object?. Sabar gan, kita belajar dulu dari dasarnya karena untuk materi function dan object cukup kompleks. Karena materi ini juga tak kalah menarik. Ok mari kita masuk ke materinya!. Pasti teman-teman udah tau dong apa itu aritmatika. Yap! aritmatika seperti pejumlahan, pengurangan, pembagian, perkalian dan modulus. Dalam bahasa javascript kita dapat penghitung dengan operasi ini. Langung saja kita peraktikan. Penjumlahan Pertama-tama teman-teman buat terlebih dahulu file html dan javascriptnya karena kita akan menggunakan console kep

Baca selengkapnya