Ada 4 Cara menampilkan data di JavaScript, yaitu:
1. Menggunakan perintah document.write()
2. Menggunakan alert()
3. Menggunakan console.log()
4. Menggunakan innerHTML()
document.write()
Anda sanggup menampilkan data di JavaScript dengan memakai perintah document.write(). Untuk lebih jelasnya, perhatikan pola di bawah ini.Nama File: dokumen_write.html
<!DOCTYPE html> <html> <body> <p>Hasil dari Perkalian 10 * 15 adalah</p> <script> document.write(10 * 15); </script> </body> </html>
alert()
Anda juga sanggup menampilkan data di JavaScript dengan memakai alert, yaitu jendela popup pada JavaScript. Untuk lebih terang perhatikan pola di bawah ini:Nama File: alert.html
<!DOCTYPE html> <html> <body> <h1>Hasil dari perkalian 10 * 15 yakni </h1> <script> window.alert(10 * 15); </script> </body> </html>
Apabila Anda jalankan di browser, maka akan menampilkan output berikut ini:
console.log()
Anda juga sanggup menampilkan data di JavaScript dengan memakai metode console.log(). Untuk lebih jelasnya, sanggup Anda lihat pada pola di bawah ini:Nama File: console_log.html
<!DOCTYPE html> <html> <body> <h1>Ini yakni Heading</h1> <p>Ini yakni paragraf</p> <p> Untuk menampilkan console di browser Chrome & Firefox sanggup memakai shortcut CTL+SHIFT+J </p> <script> console.log(5 + 6); </script> </body> </html>
Coba Anda jalankan script diatas, dan lihat alhasil dengan menekan tombol CTRL+SHIFT+J untuk menampilkan Browser console. Hasilnya terlihat menyerupai gambar di bawah ini:
innerHTML
Langkah terakhir untuk menampilkan data di JavaScript yakni memakai innerHTML. innerHTML dipakai untuk menampilkan data pada elemen HTML. Tapi sebelumnya elemen harus diakses terlebih dahulu dengan memakai fungsi document.getElementById().Untuk lebih jelasnya, Anda sanggup pribadi lihat pada pola di bawah ini:
Nama File: inner_html.html
<!DOCTYPE html> <html> <body> <h1>Ini yakni pola Heading</h1> <p>Hasil dari perkalian dari 10 * 15 adalah...</p> <p id="kali"></p> <script> document.getElementById("kali").innerHTML = 10 * 15; </script> </body> </html> 
