Berbagai Kemampuan JavaScript dalam Memanipulasi Halaman HTML

JavaScript adalah bahasa yang pemrograman yang paling populer selama 20 tahun terakhir. JavaScript  bahkan menjadi salah satu dari tiga bahasa fundamental yang harus dikuasai jika ingin mengembangkan web atau aplikasi berbasis web.

Menurut hostinger.co.id, JavaScript merupakan sebuah bahasa yang mampu menyempurnakan tampilan dari sistem halaman web. Dengan JavaScript, halaman web akan lebih powerful dan memiliki berbagai macam fungsi. Seperti mengubah content tulisan, membuat form aplikasi, dan fitur berguna lainnya.

Penasaran dengan fungsi dari JavaScript dalam sebuah halaman web? Berikut ini beberapa fungsi atau kemampuan JavaScript dalam memanipulasi halaman web yang sudah dirangkum dari w3schools.com.

JavaScript Mampu Mengubah Isi HTML

Biasanya, HTML berisi banyak text dalam bentuk paragraf atau sebagainya. Nah, text tersebut dapat diubah secara fleksibel menggunakan JavaScript. Kira-kira seperti ini contohnya:

Tombol yang aktif tombol : Kiri

Pada tombol di atas, jika ditekan "Tombol Kiri", maka akan muncul tulisan "Tombol yang aktif tombol : Kiri". Sedangkan jika ditekan "Tombol Kanan", maka akan muncul tulisan "Tombol yang aktif tombol : Kanan".

JavaScript Mampu Mengubah Style / CSS HTML

Dengan fitur ini, JavaScript mampu mengubah style dari halaman HTML. Style HTML biasanya diatur menggunakan CSS, seperti ukuran font, warna font, hingga membuat border.

Contohnya tulisan "Ini Teks" di bawah ini. Dengan menggunakan tombol "Larger" dan "Smaller", maka tulisan tersebut akan berubah ukuran menjadi lebih besar dan lebih kecil.

Ini Teks

JavaScript Mampu Memunculkan dan Menyembunyikan Content HTML.

Fitur ini memungkinkan JavaScript untuk memunculkan atau menyembunyikan sebuah text pada halaman HTML. Contohnya seperti di bawah ini :

Ini Teks

Tulisan "Ini Teks" di atas dapat muncul atau menghilang dengan menekan kedua tombol di atas. Menarik bukan?

Nah itulah tadi beberapa kemampuan JavaScript dalam memanipulasi halaman web berbasil HTML. Tentu saja contoh di atas hanya sebagian kecil dari seluruh fungsi JavaScript yang ada. Fungsi-fungsi dasar tersebut dapat dimodifikasi dan dipadukan untuk membuat web atau aplikasi berbasis web yang powerful.

Berbagi :