Latihan Event Pada DOM Javascript

04/08/2016    Ekky Ridyanto    1662    Website

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.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More
chatarrow