Pembelajaran 1 : Menampikan HELLO WORD menggunakan JavaScript

    December 09, 2018   No comments






Menampikan HELLO WORD menggunakan JavaScript


Selamat Datang kembali di Portal Coding.
Sebelumnya kita telah membahas tentang pengenalan javascript. Masih ingatkan?

Dan pada pembahasan kali ini kita akan membahas mengenai bagaimana cara menampilkan "Hello Word" pada browser menggunakan JavaScript

Salah satu aspek praktis dari JavaScript adalah kemampuan dalam menampilkan teks dan HTML ke aliran output browser dari dalam script anda sehingga teks dan HTML ditampilkan pada browser seperti ia bagaikan dari HTML aktual dari dokumen.

Kunci untuk melakukan ini adalah metode document.write. Metode document.write menampilkan sembarang teks atau HTML yang dimuat didalam argumennya kepada browser.

Sebagai contoh, jika kita menggunakan perintah document.write:

document.write("<strong>Hello Word</strong>");

Maka output di browser akan menampilkan kata Hello Word.

Bagaimana menampilkan 2 baris kata Hello Word?

Pada tutorial diatas kita telah berhasil menampilkan kata Hello word pada browser kita. Lalu muncul pertanyaan bagaimana untuk menampilkan hello word dalam 2 baris atau lebih? caranya gampang.



Sebelumnya kita menggunakan perintah "document.write". Untuk menampilkan 2 baris jika kita menggunakan perintah tersebut tidak akan bisa karena perintah diatas tidak membuat baris baru bila kita menambahkan perintah itu ke dua kalinya.

Lantas bagaimana untuk menampilkan kata hello word dan membuat garis baru?
caranya adalah menggunakan perintah "document.writeln("<br>");"

Buatlah sebuah file html dan masukkan script berikut ini kedalam file html tersebut.

<body>
<script type="text/javascript">
 document.writeln("<strong>Hello Word</strong>");
 document.writeln("<br>");
 document.writeln("<strong>Hello Word</strong>");
 document.writeln("<br>");
 document.writeln("<strong>Hello Word</strong>");
</script>
</body>
Dan hasilnya akan seperti berikut ini.


Sekian dulu untuk pembahasan kali ini, silahkan dipelajari dan di praktekkan agar lebih mengerti. Jika ada yang kurang paham bisa bertanya melalui kolom komentar. Nanti akan saya jawab semampunya. Jangan lupa shere atikel ini agar bermanfaat bagi yang lainnya. Terima kasih.

Nur Muhammad Erji Ridho Lubis

Nur Muhammad Erji Ridho Lubis

Portal Coding Adalah Blog untuk memberikan pembelajaran serta tutorial mengenai berbagai pemrograman komputer.

No comments:
Write Comments

FansPage

Recent Comments

Copyright © 2018 Portal Coding.