Saturday, November 30, 2013

Menuliskan Output ke Browser Dengan JavaScript

Sama seperti yang lainnya, JavaScript juga memiliki alat standard untuk menuliskan atau menampilkan informasi hasil dari eksekusi program ke jendela browser:

Sebagai contoh, di bawah ini menuliskan string 'Halo, selamat pagi Gan.' ke dalam jendela browser:

document.write("Halo, selamat pagi Gan.");

Tidak hanya itu, contoh:

document.write("<STRONG>Halo, selamat pagi Gan.</STRONG>");

Sehingga output dari kode di atas akan di render oleh browser seolah-olah penulisan HTML seperti berikut:

<STRONG>Halo, selamat pagi Gan.</STRONG>

Sekedar mengetahui:

  • Metode HTMLDocument.write() dan document.writeIn() akan mempunyai keluaran yang sama, akan berbeda jika mereka ditempatkan di dalam PRE.
  • Jika mereka ditempatkan di dalam PRE, HTMLDocument.write() tidak menambahkan newline character setelah statemen sebelumnya, sedangkan bagi HTMLDocument.writeIn() sebaliknya.

Contoh penggunaan HTMLDocument.write() di dalam elemen PRE:

<PRE> <SCRIPT TYPE="text/javascript"> document.write("Halo, selamat pagi Gan."); document.write("Semoga hari ini indah!"); </SCRIPT> </PRE>

Contoh penggunaan HTMLDocument.writeIn() di dalam elemen PRE:

<PRE> <SCRIPT TYPE="text/javascript"> document.writeln("Halo, selamat pagi Gan."); document.writeln("Semoga hari ini indah!"); </SCRIPT> </PRE>

Sebagaimana ketentuan di atas, jika PRE tidak digunakan, kedua metode akan sama efeknya, silahkan saja untuk menghilangkan PRE.