Tutorial Belajar JavaScript 3 : Menampilkan Teks dan Komentar
Menampilkan Teks dan Komentar pada
Javascript – Pada materi sebelumnya telah kita pelajari tentang penulisan syntaxpada javascript. Adapun untuk materi kali ini kita masuk pada materi tentang bagaimana menampilkan teks dan memberikan komentar pada baris kode yang sudah kita tuliskan.
Menampilkan Teks dan Komentar pada Javascript
Pada materi pertama sudah di
singgung sedikit tentang menampilkan teks, tapi belum di jabarkan fungsi tiap baris
kodenya.
Menampilkan Teks
Untuk menampilkan teks berupa
string pada javascript ini adalah sebagai berikut, perhatikan baris kode
berikut ini
Penjelasan baris kode di atas adalah;
- Tag <script> => tag wajib
sebelum menulis baris kode javascript agar browser tau bahwa teks yang akan di
tampilkan adalah teks javascript
- document.write => adalah
fungsi yang digunakan saat kita ingin menampilkan sebuah teks atau string.
Fungsi utama dalam menampilkan teks.
- (“Belajar JavaScript di Web
design Purbalingga”) => adalah teks yang akan muncul saat browser di jalankan.
Ada cara kedua untuk menampilkan
teks pada javascript, yaitu dengan cara memanggil id, nama atau class yang memiliki
nilai kosong yang nantinya akan di isi dengan teks. Untuk lebih jelasnya perhatikan
baris kode berikut ini
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript | Menampilkan teks dan komentar</title>
<style type="text/css">
#tampil {
color: red;
}
</style>
</head>
<body>
<p id="tampil">
<!-- pada saat browser di jalankan, tulisan BELAJAR JAVASCRIPT DI WEB DESIGN PURBALINGGA akan muncul di sini -->
</p>
<script type="text/javascript">
document.getElementById('tampil').innerHTML = "BELAJAR JAVASCRIPT DI WEB DESIGN PURBALINGGA";
</script>
</body>
</html>
Dan berikut ini adalah hasilnya
Membuat Komentar
Maksud materi ini adalah memberikan
komentar pada baris kode yang sudah kita tulis. Tujuannya adalah mungkin suatu
saat kita lupa tentang fungsi baris kode tersebut, maka dari itu di buatlah
komentar. Komentar ini tidak akan tampil di browser kita, itu artinya komentar
ini hanya teruntuk si penulis kode tersebut yaitu kita sendiri.
Membuat komentar pada javascript adalah
dengan memberikan tanda slash (/) sebanyak 2x atau perhatikan baris kode
berikut ini
<script type="text/javascript">
// document.getElementById('tampil').innerHTML = "BELAJAR JAVASCRIPT DI WEB DESIGN PURBALINGGA";
</script>
Baiklah sekian materi kali ini
tentang menampilkan teks dan membuat komentar pada javascript. Jika ada yang
belum jelas silahkan tinggalkan pertanyaan di kolom komentar di bawah ini. Semoga
bermanfaat dan sampai jumpa di materi menarik berikutnya.