Cara Menampilkan Hasil Output JavaScript

Tidak seperti bahasa pemrograman PHP yang memiliki fungsi echo atau print untuk menampilkan data dengan mudah. Untuk menampilkan data dari program JavaScript membutuhkan langkah yang cukup panjang, nah berikut fungsi-fungsi JavaScript yang dapat digunakan untuk menampilkan hasil output.

1. Menggunakan Tag HTML untuk menampung hasil output

Untuk menampilkan hasil output menggunakan tag “container” atau tag penampung hasil program JavaScript, kita harus membuat sebuah tag HTML misalnya <p> atau <div> yang memiliki id. Kemudian dalam program JavaScript kita menggunakan fungsi/method document.getElementById(“id_continer/tag”). Kemudia untuk memasukan hasil output JavaScript ke dalam tag HTML menggunakan fungsi innerHTML=output.

JavaScript:

HTML:

Output:

2. Dengan alert()

Menampilkan data dengan fungsi alert cukup simple. Data output hanya dimasukan ke dalam fungsi alert(output).

JavaScript:

Output:

3. Dengan fungsi documet.write()

Untuk menampilkan dengan fungsi decument.write() hampir sama dengan alert, data output dimasikan ke dalam fungsi tersebut.

JavaScript:

Output: