Tag Archives: HTML

Menjalankan Fungsi Show – Hide Dalam HTML dan Javascript

Untuk tampilan atau sesuai keperluan tertentu sering kita menyembunyikan bagian tertentu dari rangkaian tampilan hasil suatu program. Sebagai contoh adalah menyembunyikan atau menampilkan tabel tertentu.

Bagaimana skrip programnya? Berikut skrip HTML dan Javascript untuk menjalankan fungsi Show dan Hide suatu tabel.

1. Buat skrip Javascript untuk fungsi Show dan Hide sebagai berikut

2. Buat skrip  Input bertipe button untuk aksi klik, sebagai berikut

3. Skrip terakhir adalah membuat tabel dalam DIV, untuk ditampilkan (showDiv) dan disembunyikan (HidDiv) sebagai berikut:

4. Langkah terakhir adalah menggabungkan 3 skrip di atas sesuai urutannya dan simpan dengan nama tertentu dalam format HTML. Silahkan dicoba langkah simpel ini dan lakukan kreasi untuk hal yang lebih  indah dan asyik dalam program kita.

Gambar hasil program 1:

Sebelum klik button tambah tabel


Gambar hasil program 2:

Setelah klik button tambah tabel

Leave a Comment

Filed under HTML, Programming, Tips and Tricks, Web