JavaScript : Output

Pada tutorial kali ini kita akan membahas tentang javascript output. Java script dapat di tampilkan dengan berbagai cara, antara lain menggunakan :

1. Alert Box, menggunakan window.alert()
2. HTML Output, menggunakan document.write()
3. HTML Element, menggunakan innerHTML
4. Console, menggunakan console.log

Berikut ini adalah contoh penerapannya

Alert Box

Halaman javascript yang dipanggil adalah js_output1.php, maka dari itu kita buat file js_output1.php dengan script seperti berikut ini

Coba jalankan dengan memanggil file tersebut dari web browser anda. Hasilnya akan muncul jendela popup yang bertuliskan "Ini adalah output mengguakan alert" seperti berikut ini

HTML Output

Selanjutnya kita buat file js_output2.php untuk menampilkan javascript menggunakan HTML Output. Ketikkan script seperti berikut ini

Keterangan : document.write adalah method javascript yang digunakan menampilkan data

Coba jalankan dengan memanggil file tersebut dan hasilnya akan seperti berikut ini

HTML Element

Selanjutnya kita buat file js_output3.php untuk menampilkan javascript menggunakan InnerHTML. Lalu ketikkan script berikut ini

Keterangan : didalama tag terdapat sintak document.getElementById('output') yang bertujuan mendapatkan id pada element HTML. Lalu menggunakan perintah innerHTML untuk menampilkan data berupa HTML

Hasilnya seperti berikut ini 

Console

Terakhir kita akan menggunakan console untuk menampilkan javascript. Buat file js_output4.php dan ketikkan script berikut ini

Keterangan : console.log merupakan method yang digunakan menampilkan data menggunakan console id tab inspect element

Selanjutnya buka file tersebut melalui web browser, hasilnya seperti berikut ini

Untuk menampikan console klik kanan --> inspec element. Pilih tab console dan akan muncul data yang telah kita inputkan tadi

Sekian dan terima kasih