Mengulang kembali pelajaran sebelumnya tentang Javascript.
Kita telah mempelajari :
- Apa itu JavaScript
- Operator pada javascript dan
- 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>
- Yang pertama yaitu dengan menggunakan fungsi document.write();
- Yang kedua menggunakan fungsi alert();
- Yang ketiga menggunakan fungsi innerHTML.
Kok sama sih outputnya kaya yang cara pertama ?
--Iya, jadi yang beda hanya kodingannya, nanti kita coba pakai cara yang ketiga ini
--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.
Selamat mencobaa.
Post a Comment