 |
| Dasar Penggunaan Javascript |
Dasar Penggunaan Javascript
Sama hal nya dengan bahasa pemrograman lainnya, yang perlu kita kita pelajari yaitu cara menampilkan hasil code program. Cara output data dari bahasa pemrograman javascript sangat mudah. Menampilkan data output hasil code di javascript ada 4 cara.
- Menampilkan data dengan menggunakan innerHTML
- Menampilkan data dengan menggunakan document.write()
- Menampilkan data dengan menggunakan window.alert()
- Menampilkan data dengan menggunakan console.log()
Apa fungsi dari syntax di atas? Langsung saja kita pelajari dasar penggunaan javascript untuk menampilkan data.
Menampilkan data dengan innerhtml
Sebelum kita menggunakan syntax innerhtml, terlebih dahulu kita mengambil id yang akan kita tampilkan halaman html. Nah untuk mengambil id yang akan di tampilkan, kita menggunakan syntax document.getElementById(id);
Mungkin teman teman sedikit bingung, Jadi langsung saja kita praktek belajar menampilkan data dengan innerhtml.
Nah maka akan menampilkan hasil seperti ini.
 |
| hasil output innerhtml |
Menampilkan data dengan document.write()
Cara menampilkan di javascript yang paling mudah adalah dengan menggunakan document.writer(). Kenapa? kita dapat langsung menulis data yang akan di tampilkan. Selain syntax di tulis di dalam tag <script>, kita juga dapat memasukkan code ini di dalam tag <button>. Namun perlu di ketahui, web menampilkan output dari javascript maka data data yang tampil di halaman html sebelum nya akan tertutup dengan hasil dari document.write.
Maka kita akan mendapatkan hasil seperti di bawah ini.
Maka kita akan mendapatkan hasil seperti di bawah ini.
 |
| Hasil output code document.write() |
 |
| Hasil output button documentwrite() |
Menampilkan data dengan window.alert()
Jika teman teman pernah mengunjungi halaman web, lalu mendapati kotak dialog. Nah teman teman bisa dengan mudah membuat kotak dialog tersebut. Dengan menggunakan window.alert(), teman teman bisa membuat kota peringatan atau kotak sambutan. Penulisan code ini cukup singkat dan mudah. Selain menggunakan syntax window.alert() kalian juga bisa menggunakan syntax alert() saja. Hasil yang di dapatkan akan sama. Seperti contoh kode di bawah ini.
Maka akan menghasilkan code seperti ini.
 |
| Hasil output window.alert() |
Menampilkan data dengan console.log
Syntag console.log biasa nya hanya di gunakan untuk test halaman web atau metode debuggin. Sehingga data tidak akan tampil di dalam halaman web. Namun hanya tampil di console saja. Untuk mengakses console, teman teman bisa klik kanan, inspect, console.
Contoh code ada di bawah ini
Hasil yang di tampilkan
 |
| Hasil output console.log() |
Nah sekian dulu artikel mengenai dasar penggunaan javascript. Silahkan praktek saja langsung supaya lebih mudah mengerti dan paham. Untuk mempelajari artikel selanjutnya, silahkan teman teman lihat semua daftar artikel yang membahas belajar javascript lengkap.
