TUTORIAL JAVASCRIPT BAGI PEMULA BAGIAN I + File Latihan & E-Book

JAVASCRIPT DAPAT MERUBAH KONTEN HTML


Contoh ini menggunakan metode untuk "menemukan" elemen HTML (dengan id = "demo"), dan mengubah isi elemen  tersebut dengan menggunakan perintah  (innerHTML) menjadi  "Hello JavaScript"

        Contohnya :

                Tulis Souce code dibawah ini.

              

            Dan Hasilnya akan seperti ini

                   

Ketika tombol Click me ! di tekan maka tulisan “Javascript dapat Merubah isi Konten HTML”  akan berubah menjadi  “Hello Javascript” seperti gambar dibawah ini. !

 

JAVASCRIPT DAPAT MERUBAH HTML STYLE (CSS)

Contohnya seperti ini.

Tulis Source Code Seperti dibawah ini.

               

     

  Maka  Hasilnya akan seperti ini.

             

Ketika tombol Click Me di tekan makan element html yang memiliki id =”demo” akan berubah sesuai dengan konfigurasi yang telah di buat didalam variable x

 

  JAVASCRIPT DAPAT MEMVALIDASI SEBUAT DATA

Javascript sering digunakan untuk memvalidasi data dalam sebuah inputan form

Contohnya seperti ini

Tulis Source code dibawah ini dan simpan dengan format file .htm atau .html :

 

                         

        

 Maka Hasilnya akan seperti ini.

 

       

   Ketika kita memasukan angka kurang dari satu atau lebih dari 10 atau kita memasukan huruf makan akan muncul pesan error seperti ini

Dan jika memasukan angka sesuai dengan petunjuk yaitu 1 sampai 10 maka akan muncul pesan seperti dibawah ini

 

Download File Latihan & E-Booknya disini

Tweet