Pendahuluan
Halo teman-teman semua selamat datang kembali di Javascript Course dari nusantech academy. Sebelum teman-teman melanjutkan membaca materi ini, diharapkan teman-teman sudah mengerti tentang materi sebelumnya, yaitu tentang cara menambahkan file javascript dalam file HTML.
Browser Console
Pada materi ini saya akan membahas tentang salah satu fitur developer tools yang sudah tersedia di dalam web browser, yaitu browser console atau sering disebut console. Untuk mengakses fitur console ini cukup dengan menekan tombol F12 pada keyboard atau dengan cara klik kanan di layar web browser lalu pilih Inspect. Nanti akan muncul fitur developer tools dengan tampilan seperti ini :
Salah satu dari tab di dalam fitur developer tools tersebut ada tab console. Dengan menggunakan console ini kita dapat melakukan debugging atau mengecek output/ keluaran dari kode javascript yang sudah kita buat. Contohnya, jika kita menuliskan kode javascript :
alert('Codingan Javascript')Maka akan muncul alert di layar web browser kita, seperti ini :
Hasilnya sama seperti yang kita lakukan pada materi sebelumnya, yaitu dengan menuliskan kode alert() tersebut di dalam file javascript yang sudah terhubung dengan file HTML yang kita buat.
Metode Dalam Console
Selain alert(), kita juga bisa melihat hasil dari kodingan yang kita buat dengan menggunakan method-method seperti :
1. Console.log()
Metode ini berfungsi untuk menampilkan pesan atau informasi ke ke tab console yang ada di web browser. Contohnya :
console.log("ini adalah pesan dari console.log")
console.log(4+9)Maka akan muncul hasilnya di console seperti ini :
Di hasil pesan yang muncul di atas juga ada keterangan script.js:1 yang menyatakan bahwa pesan yang muncul di console tersebut terletak di file javascript dan line kodingan tempat console.log() ditulis, yakni di file script.js dan line ke 1.
2. Console.warn()
Metode console.warn() memiliki fungsi yang sama dengan console.log() tapi pesan yang muncul adalah berupa warning atau peringatan. Contohnya :
console.warn("ini adalah pesan dari console.warn")
console.warn(4+9)Hasilnya di console:
3. Console.error()
Metode console.error() juga memiliki fungsi yang sama dengan kedua metode di atas tapi pesan yang muncul adalah berupa error. Contohnya :
console.error("ini adalah pesan dari console.error")
console.error(4+9)Hasilnya di console:
4. Console.info()
Metode ini juga memiliki fungsi yang sama dengan metode-metode sebelumnya tapi pesan yang muncul adalah berupa info. Contohnya:
console.info("ini adalah pesan dari console.info")
console.info(4+9)Hasilnya di console:
Selain metode-metode di atas ada juga metode lainnya, seperti console.assert(), console.trace(), console.clear(), dan lain-lain.
Penutup
Jadi untuk mereview materi yang sudah kita bahas, browser console adalah sebuah fitur yang sudah disediakan web browser yang bisa berfungsi kita untuk debugging atau mengecek output/ keluaran dari kode javascript yang sudah dibuat. Ada beberapa metode seputar browser console yang sudah disediakan oleh javascript, yaitu console.log(), console.warn(), console.error(), console.info() dan lain-lain.
Baik teman-teman, saya rasa cukup untuk materi browser console ini. Tetap semangat mengikuti Javascript Course dari Nusantech Academy.
Thank you and see you next time!
Javascript – 05 – Browser Console (Video):
Quiz Time:
Quiz dapat dikerjakan https://bit.ly/quizjs2-3
Nantikan quiz berikutnya, terimakasih, dan sampai jumpa lagi!
