Latihan Event Pada DOM Javascript

Pada artikel sebelumnya kita sudah belajar event dan cara penulisannya. Nah sekarang sebenarnya masih ada cara penulisan yang lebih singkat dari sebelumnya jadi hanya menulis namafungsinya saja tanpa harus ada buka tutup kurungnya contohnya seperti berikut

kita akan coba mempraktekkannya ke dalam sebuah kasus. Misalnya saya akan ambil isi text dari inputan dan isi textnya kita tampilkan. Kita siapkan dulu elemen-elemen HTMLnya yang kita berikan id nya masing-masing.

maka kita akan sediakan tempat untuk menampilkan textnya.

kita kosongkan tag <strong> nya. Idenya kita akan mengisi bagian tag strong tersebut dengan text yang kita tulis pada inputannya. Kemudian kita pilih dulu id pada masing-masing elemennya.

ketika tombol submit di onclick maka kita akan memanggil satu fungsi dengan namanya ambilNilai sebagai berikut

untuk mengambil isiannya kita bisa gunakan metode .value yang disimpan didalam variabel text sehingga kita kirimkan nilainya ke dalam id hasil

pastikan semuanya tidak ada yang error. Kita isi namanya disana maka namanya akan ditampilkan. seperti pada gambar berikut

Silahkan temen temen mencoba dan dikembangkan lagi dari materi-materi yang saya berikan dan masih banyak lagi yang bisa kita lakukan pada DOM Javascriptnya . Semoga bermanfaat.