Menampilkan Output pada Javascript

Bagaimana caranya menampilkan output pada Javascript.

Ada 4 cara menampilkan output dalam Javascript…

  1. Menampilkannya dalam bentuk box alert().
  2. Menampilkannya dengan menggunakan elemen HTML innerHTML.
  3. Menampilkannya ke halaman HTML write().
  4. Menampilkannya dalam bentuk console.log().

Untuk mengetahui perbedaannya, mari bahas satu per satu.

Menampilkan output javascript menggunakan alert()

Menampilkan data dalam bentuk pesan kotak dialog.

Kode Sumber…

Di bawah ini adalah hasilnya :

Menampilkan Output pada Javascript

Menampilkan output javascript menggunakan document.write()

Menampilkan output ke dalam halaman HTML, namun berhati – hatilah dalam menggunakan method ini, karena akan menghapus seluruh elemen HTML di halaman itu. Di anjurkan agar method ini digunakan sebagai tujuan pengetesan.

Kode Sumber…

Di bawah ini adalah output – nya :

Sebelum di klik :

fungsi document.write pada javascript

Sesudah di klik :

menampilkan output dengan document.write

Menampilkan output javascript menggunakan innerHTML

Output yang ditampilkan berdasarkan dari atribut id yang dipanggil, dan atribut id ini berada pada elemen HTML. Berbeda dengan penampilan output menggunakan document.write, yang outputnya ditampilkan langsung ke halaman dan secara otomatis menghapus elemen sebelumnya.

Di bawah ini adalah hasilnya, sebelum di klik :

fungsi document get element by id

sedangkan di bawah ini adalah hasilnya setelah di klik :

menampilkan output pada javascript

Menampilkan output javascript menggunakan console.log()

Output ditampilkan pada sebuah console dalam setiap browser. Contoh untuk membuka console ini adalah dengan menekan f12 pada Mozilla, kemudian pilih tab “Console”.

Kode Sumber…

di bawah ini adalah outputnya :

fungsi console.log pada javascript

Sekian tutorial dari Menampilkan Output pada Javascript.

Leave a comment

Your email address will not be published. Required fields are marked *

× Contact Us