Jadi disini saya akan mensharing bagaimana cara menghapus list sesuai pilihan dengan javascript, dimana kita harus, dan seperti yang ada di judul saya membuat ini mengguankan javascript ya, disini teman-teman akan bisa menghapus sesuai list yang ingin teman-teman hapus, disini saya akan memberitahukan secara sederhana, seperti apa simak terus ya.

Untuk kasus kali ini cara menghapus list sesuai pilihan dengan javascript, adalah dimana saya mempunyai sebuah kasus saya mempunyai sebuah ul li, dan ul li itu adalah sebagai wadah list data kita yang ingin kita jadikan contoh saat menghapus, dan ada sebuah tombol button juga sebagai esekusi ketika kita memilih list mana yang ingin kita hapus lalu kita tekan tombolnya maka list pilihan tersebut akan terhapus, oke langsung saja silahkan teman-teman buat list data seperti ini

seperti yang teman-teman lihat di tag button saya membuat sebuah event dimana didalamnya terdapat sebuah function, dan function tersebut akan aktif ketika saya klik, lalu di bawahnya saya menggunakan data id list, terdapat banyak macam-macam materinya ya, jika teman-teman sudah sekarang kita akan lihat kode javascriptnya

variabel items yang pertama adalah sebagai wadah untuk tag li nya, lalu saya menyiapkan variabel tab dengan data array kosong, lalu var liIndexnya, jika sudah saya membuat perulangan untuk memasukan data list tersebut ke dalam variabel tab nya,

Selanjutnya adalah proses untuk clicknya, sama seperti di atas saya membuat perulangan lalu ketika salah satu item dengan index tertentu di klik maka akan pilih dan index tersebut akan terhapus ketika saya mengklik buttonya, dan proses removenya ada di bawah removeLi tersebut, oke seperti apa hasilnya

cara menghapus list sesuai pilihan dengan javascript cara menghapus list sesuai pilihan dengan javascript

Bisa dilihat ya saya memilih javascript maka ketika saya klik buttonya akan terhapus seperti gambar yang ada di sebelah kanan, dan untuk proses memilihnya pilihan terakhirlah yang akan terhapus, saya rasa sampai disini belajar kita tentang cara menghapus list sesuai pilihan dengan javascript semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.

WhatsApp chat