27 June 2020

Mari Mengenal Javascript, Bahasa Pemrograman Pelengkap HTML

www.niguru.com
Niguru.com | Sabtu, 27 Jun 2020 | HTML adalah bahasa pemrograman paling mudah dan paling sederhana, namun dengan kemampuan yang tidak selengkap bahasa pemrograman lainnya, karena HTML hanya dipersiapkan sebagai "penampil" teks, gambar, video, pada web page.

Untuk melakukan operasi aritmetik dan logika, user perlu menyisipkan bahasa pemrograman lainnya diantara kode-kode HTML. Salah satu bahasa pemrograman yang paling sering dipakai oleh user adalah JAVASCRIPT.
Javascript dibuka dengan tag <script language="javascript">.
Dan ditutup dengan tag </script>
 

Atau bila disipkan diantara script html akan tampak seperti ini:


 

Niguru.com akan memperkenalkan kode /instruksi JS (Javascript) yang sederhana yaitu: document.write("[kode HTML]").
Instruksi yang menjalankan semua perintah HTML pada area JS.


 

Untuk menyimpan kode pada notepad dengan ekstensi /extension HTML klik menu > Save As:


 

Save as type = All Files > Isi File name, misal JS01.html (boleh menggunakan nama lain):


 

Hasilnya, bila dijalankan pada browser:


Contoh menyisipkan tag <br> yang biasa digunakan pada HTML pada area JS:


Hasilnya:



Pada area JS, kode HTML bisa dituliskan pada beberapa baris instruksi document.write, dan hasilnya akan sama seperti menuliskan baris-baris kode pada HTML:


Hasilnya sama seperti sebelumnya, meski dituliskan dengan jumlah baris yang lebih banyak, karena HTML tidak mengenal spasi antar baris, harus ada tag untuk memberi tahu HTML untuk menampilkan spasi antar baris, tag <br> salah satunya.

JS juga bisa digunakan untuk operasi aritmetika (perhitungan), misalnya seperti ini:


Hasilnya:


Berikut ini cara menggabungkan tampilan hasil perhitungan dengan teks:


Hasilnya:


Dan ini contoh gabungan kode HTML dengan JS:


Hasilnya:



Demikianlah sekelumit pengenalan dengan bahasa pemrograman Javascript yang merupakan salah satu bahasa pemrograman yang melengkapi keterbatasan HTML.

Semoga penjelasan pada posting kali ini dapat menambah wawasan dan pengetahuan para pembaca sekalian.

Selamat beraktivitas .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

No comments:

Post a Comment