Menampilkan Data Pada JavaScript

 

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menampilkan data pada JavaScript. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya  sobat Webhozz.

Ada beberapa cara utuk menampilkan data JavaScript di browser. Salah satu caranya yaitu menggunakan innerHTML. Berikut alternati cara selengkapnya:

  • innerHTML: Menampilkan data JavaScript pada sebuah elemen HTML. Untuk mengakses elemen HTML yang ditargetkan, diguakan getElementById(idnya). Adapun properti innerHTML dipakai untuk membuat konten di elemen tersebut.

  • write(): Menampilkan data JavaScript pada output HTML. Pemakaiannya disarankan hanya untuk kebutuhan uji coba script saja.

Jika document.write() dieksekusi setelah halaman web tampil penuh (misalnya via klik tombol tertentu), maka hasilnya akan menghapuskan tampilan yang ada.

  • alert(): Menampilkan data JavaScript di sebuah popup atau kotak dialog. Mengingat window adalah object global, maka penulisannya bersifat opsional, jadi bisa menggunakan alert() saja.

  • log(): Menampilkan data JavaScript di konsol browser. Saat diakses, halaman web tidak menampilkan datanya. Data baru bisa dilihat degan menekan tombol F12, lalu klik tab Console. Pada Mozilla Firefox, tampilannya ada di bagian bawah. Pada Google Chrome, tampilannya ada di sisi kanan.

 

Nah sobat Webhozz itulah pembahasan singkat mengenai menampilkan data pada JavaScript. Semoga pembahasan artikel ini dapat membantu sobat Webhozz semua dalam mempelajari JavaScript, dan juga dapat menambah pengetahuan sobat Webhozz semua. Sampai berjumpa lagi pada pembahasan artikel-artikel lainnya yang tentunya lebih menarik lagi.