Javascript Tutorial (Part 2) : Mengubah Element HTML dengan menggunakan Javascript

Assalammualaikum Wr. Wb.

Kali ini saya akan sharing tentang cara mengubah elemen HTML dengan menggunakan javascript. bagaimana caranya?....simak pembahasan berikut ini....

A. PENDAHULUAN

Pengertian

Javascript merupakan bahasa pemrograman web yang bersifat Client Side Programming artinya pemrosesan dilakukan di sisi client.

Latar Belakang

Merupakan Target mingguan yang saya pilih, karena saya ingin menguasai javascript. maka saya mempelajari javascript tersebut.

Maksud dan Tujuan

Ingin mempelajari javascript dan mengubaj elemen HTML dengan menggunakan javascript.

B. ALAT DAN BAHAN

Text Editor
1 Unit PC/Laptop
Web Browser

C. JANGKA WAKTU PELAKSANAAN

sekitar 10-15 menit an

D. RANGKAIAN KEGIATAN

Javascript dapat mengubah isi Element HTML

ada banyak metode javascript HTML, salah satunya adalah getElementById().
contoh ini menggunakan metode "menemukan" elemen HTML (dengan Id="demo") dan mengubah isi elemen innerHTML untuk "Ini Javascript";

dan jika kita buka di browser, maka hasilnya menjadi seperti ini.

dan jika tombol Klik di tekan, maka akan menjadi seperti ini.

penjelasannya adalah, pada tombol Klik kita beri suatu script, dimana jika tombol Klik ditekan, maka Elemen paragraf akan berganti tulisannya sesuai apa yang kita harapkan di dalam tombol Klik. dan penulisan untuk pengganti paragrafnya,kiya dapat menggunakan petik (') tunggal, maupun (") dobel.