Javascipt : Pengenalan

Mengulang kembali pelajaran sebelumnya tentang Javascript.
Kita telah mempelajari :

  1. Apa itu JavaScript
  2. Operator pada javascript dan
  3. Konsep Percabangan pada javascript.
Untuk mengingatkan kembali agar tidak lupa,

  • JavaScript adalah bahasa script yang ditempelkan pada kode HTML dan diproses pada sisi client.
  • JavaScript bersifat Case-Sensitive, yang artinya huruf besar / kecil itu berbeda.
  • JavaScript dimulai dengan tag <script> dan diakhiri dengan tag </script>
Untuk menampilkan hasil keluaran JavaScript bisa dengan 4 cara.
  • Yang pertama yaitu dengan menggunakan fungsi document.write();
yang hasil keluarannya seperti ini


  • Yang kedua menggunakan fungsi alert();
yang hasil keluarannya seperti ini


  • Yang ketiga menggunakan fungsi innerHTML.
yang hasil keluarannya seperti ini

Kok sama sih outputnya kaya yang cara pertama ?
--Iya, jadi yang beda hanya kodingannya, nanti kita coba pakai cara yang ketiga ini

  • Yang keempat menggunakan fungsi console.log();

Nah untuk console.log ini, agar kita bisa lihat outputnya kita harus tekan tombol F12 di keyboard atau klik kanan pada browser, lalu pilih Inspect, kemudian pilih tab Console



Untuk permulaan, dari keempat cara tersebut, kita akan lebih sering menggunakan cara pertama dan kedua agar lebih mudah. Setelah itu baru cara ketiga dan keempat.

Okey, sekarang kita coba untuk menampilkan 
string atau kalimat menggunakan Javascript
dengan fungsi 
document.write();

Silakan buka IDEnya, disini kita menggunakan Sublime text 3.
lalu ketikkan script di bawah ini.

<script>
document.write("Hello world!");
</script>

Setelah itu simpan dengan nama belajar1.html
Kenapa kok pake ekstensi *.html ?
--Karena eh karena, Javascript itu merupakan script yang ditempelkan pada kode HTML, seperti pada poin pertama di atas. Okey lanjut.
Setelah itu langsung klik kanan, lalu pilih Open in browser seperti di gambar berikut ini


Maka outputnya akan seperti gambar di bawah ini


Nah setelah selesai, coba latihan mandiri dengan menampilkan biodata masing-masing menggunakan fungsi document.write(); dan alert();

Selamat mencobaa.
Javascipt : Pengenalan Javascipt : Pengenalan Reviewed by Wiwin on April 16, 2020 Rating: 5

No comments:

Powered by Blogger.