skip to Main Content
Tutorial Javascript Dasar #02 – Cara Menampilkan Output Pada JavaScript

Tutorial Javascript Dasar #02 – Cara Menampilkan Output pada JavaScript

Empat Cara Menampilkan Output pada JavaScript 

Sebelum kita masuk ke cara bagaimana menampilkan sebuah output pada Javascript, mari kita samakan dahulu pemahaman tentang output yaitu informasi yang dihasilkan setelah dilakukan proses atau tampilan program yang biasanya digunakan untuk memperlihatkan hasil akhir dari coding yang telah kita buat. Sekarang mari kita mulai bahas tentang 4 cara untuk menampilkan output di JavaScript.

Pada artikel kali ini kita akan mencoba 4 cara untuk menampilkan output di JavaScript:

  1. Menampilkan ke dalam elemen HTML, menggunakan innerHTML.
  2. Menampilkan ke dalam HTML, menggunakan document.write().
  3. Menampilkan ke dalam alert box, menggunakan window.alert().
  4. Menampilkan ke dalam browser console, menggunakan console.log().

Pada JavaScript salah satu cara untuk menampilkan output adalah menggunakan console.log(). Jika kalian yang masih bingung tentang apa itu console.log() atau ingin mengetahui JavaScript secara dasar kalian bisa baca terlebih dahulu artikel kami sebelumnya di “Pengenalan Javascript untuk Pemula”. 

1.  Menggunakan  innerHTML

innerHTML adalah properti yang digunakan untuk memperoleh atau merubah konten dari elemen itu sendiri. Dengan innerHTML, kita dapat menampilkan output ke elemen yang lebih spesifik dengan menggunakan method document.getElementById(id).

Contoh :

See the Pen
Menggunakan InnerHTML
by Xsis Academy (@xsis_academy)
on CodePen.

2. Menggunakan document.write()

Biasanya document.write() digunakan untuk pengujian. Ketika kita menggunakan document.write() setelah dokumen HTML dimuat, setelah itu semua HTML yang ada akan hilang atau terhapus. 

Contoh :

See the Pen
menggunakan document.write()
by Xsis Academy (@xsis_academy)
on CodePen.

3. Menggunakan fungsi alert()

Fungsi alert() adalah fungsi untuk menampilkan alert box. Dengan ini kita dapat menampilkan output di jendela dialog.

Contoh : 

See the Pen
Menggunakan alert()
by Xsis Academy (@xsis_academy)
on CodePen.

4. Menggunakan console.log()

Seperti yang kita tahu kemarin, fungsi console.log() adalah fungsi untuk menampilkan teks ke console Javascript. Console.log() biasanya digunakan untuk melakukan debugging, karena pesan error pada JavaScript selalu ditampilkan dalam console.

Contoh : 


console.log("Hallo dari console");

Demikian pembahasan kita kali ini, tapi jangan khawatir kita akan melanjutkan pembahasan tentang JavaScript lainnya pada artikel berikut ya. Kalian bisa subscribe artikel kami agar tidak tertinggal artikel terbaru dari kami.

Jika kalian berminat untuk belajar lebih lanjut tentang pemrograman javascript dan bahasa pemrograman lainnya bisa coba kunjungi social media Xsis Academy untuk info lebih lanjut mengenai Bootcamp Xsis Academy.

Temukan video tutorial ngoding dari Tim Trainer Xsis Academy pada channel ETG berikut ini Youtube Equine Technologies Group

———–

Penulis : Aulia Brahmantio Diaz – Webmaster Xsis Mitra Utama

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back To Top