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.

4 Agustus 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat