Menampilkan output merupakan salah satu langkah penting saat belajar JavaScript. Hal ini membantu kalian melihat hasil dari kode yang sudah dibuat. Pada artikel ini analiswinter.com akan membahas berbagai cara menampilkan output dalam JavaScript, lengkap dengan contoh penggunaannya agar kalian bisa langsung mempraktikkannya.

Ada beberapa metode yang bisa digunakan untuk menampilkan output di JavaScript, mulai dari menampilkannya di console, di halaman HTML, hingga menggunakan alert. Masing-masing cara memiliki kegunaan yang berbeda tergantung pada tujuan program yang sedang dibuat.

** Console.log()**

Metode console.log() digunakan untuk menampilkan output di console browser. Ini sering digunakan untuk keperluan debugging atau saat sedang mengembangkan aplikasi.

let nama = "Erwin";
console.log("Halo, " + nama);

Output akan muncul di tab console pada developer tools browser kalian.

** Document.write()**

Metode document.write() digunakan untuk menulis langsung ke halaman HTML. Biasanya digunakan untuk contoh sederhana, namun kurang disarankan untuk aplikasi kompleks.

document.write("Ini adalah output dari JavaScript");

** Alert()**

Fungsi alert() digunakan untuk menampilkan pesan dalam bentuk pop-up. Umumnya digunakan untuk memberi tahu pengguna sesuatu secara langsung.

alert("Selamat datang di situs kami!");

** InnerHTML**

Metode ini digunakan untuk menampilkan output ke dalam elemen HTML tertentu. Kalian perlu memiliki elemen dengan id yang spesifik untuk bisa menggunakannya.

HTML:

<p id="output"></p>

JavaScript:

document.getElementById("output").innerHTML = "Output ditampilkan di paragraf.";

Kesimpulan

Itulah beberapa cara menampilkan output pada JavaScript yang bisa kalian gunakan sesuai kebutuhan. Mulai dari console.log() untuk debugging, document.write() untuk menulis ke halaman, alert() untuk pop-up pesan, hingga innerHTML untuk menampilkan ke elemen HTML tertentu. Sekian artikel dari analiswinter.com, semoga bermanfaat dan jika ada pertanyaan silakan tinggalkan komentar!

Categorized in:

Python,

Last Update: Mei 3, 2025