Cara menampilkan output javascript


Setelah beberapa hari lalu saya membuatkan sebuah artikel tentang mengenal operator dalam javascript kali ini saya akan membuat sebuah artikel tentang menampilkan sebuah output dalam javascript. ada 4 cara untuk menampilkan output yaitu
     1. console.log()
     2. alert()
     3. documen.write()
     4. innerHTML
Lalu apa perbedaan dari tiap output tersebut ? maka dari itu saya akan mengulas satu persatu output dalam javascript. langsung saja ke penjelasanya dan tutorialnya.

1. Menampilkan dengan console.log()

Jika kita menampilkan dengan sebuah console otomatis output yang akan tampil berada dalam console web. apa itu console? console merupakan sebuah fungsi untuk menampilkan pesan debugging pada browser. kita dapat membuka sebuah console dengan cara klik kanan pada browser dan lalu akan keluar sebuah bar di sebelah kanan dan pilih console














Oke kita akan coba membuat sebuah program dengan consel.log(). kenapa pesan tidak tampil ? karna console merupakan perintah debugging. coba anda klik kanan pada tab code dibawah ini lalu pilih inspeksi dan console.nah disana akan tampil hello world.

See the Pen console by Ananda Van Bian (@ananda-van-bian) on CodePen.



2. Menampilkan output dengan alert()


Fungsi yang satu ini merupakan fungsi dari dari sebuah jendela dialog peringatan. biasanya dialog ini untk menampilkan sebuah peringatan  dalam browser. untuk lebih paham anda dapat melihat code dibawah ini. coba anda klik tombol tersebut coba lihat apa yang terjadi. nanti akan ada jendela dialog untuk menampilkan sebuah pesan.



See the Pen alert by Ananda Van Bian (@ananda-van-bian) on CodePen.

3. Menampilkan dengan document.write()


Fungsi ini digunakan untuk menampilkan sebuah teks di sebuah dokumen HTML. document sendiri adalah sebuah objek yang akan menjadi wakil sebuah HTML di dalam bahasa javascript. jika kita menggunakan fungsi ini otomatis nanti kita akan diarahkan ke sebuah dokumen baru dalam HTML berikut contohnya



See the Pen document.write by Ananda Van Bian (@ananda-van-bian) on CodePen.
4. Menampilkan dengan innerHTML


Fungsi yang selanjutnya menggunakan innerHTML yang merupakan sebuah atribut di dalam objek elemenHTML yang nantinya akan menampilkan sebuah hasil string atau teks. Jadi jika menggunakan innerHTML akan mengisi sebuah string dalam sebuah elemen. contoh dibawah ini sebuah elemen h1 akan dirubah isi elemenya menggunakan innerHTML.



See the Pen inner by Ananda Van Bian (@ananda-van-bian) on CodePen.

0 Response to "Cara menampilkan output javascript"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel