Cara Membuat tombol hapus data didalam halaman Edit data dengan Laravel atau Javascript

Jadi saya ingin membuat atau menambahkan tombol hapus data didalam halaman edit data seperti ini,
edit_halaman.png 36.76 KB
Ketika saya klik tombol icon X (Hapus) itu maka data nama produk dan beserta data-data lainnya akan hilang tapi sementara dg kata lain pada penyimpanan database data tsb masih ada. Nah, jika baru saya klik tombol simpan maka data tsb akan terhapus scr permanen. Itu gimana ya cara buatnya dengan menggunakan javascript ataupun laravel?


Mohon bantuannya, terima kasih....

Terkait hal ini, kamu bisa melakukan manipulasi DOM didalam tabel tersebut menggunakan javascript.
namun agar lebih mudah saya sarankan untuk menggunakan jquery.

sumber referensi:
https://stackoverflow.com/questions/11553768/remove-table-row-after-clicking-table-row-delete-button.
https://www.w3schools.com/jsref/met_table_deleterow.asp
https://www.codegrepper.com/code-examples/javascript/javascript+delete+table+row%27%27+onclick

semoga membantu.

berikut adalah contoh code untuk menghapus spesifik row/baris berdasarkan click trigger.

$('table').on('click', 'input[type="button"]', function(e){
   $(this).closest('tr').remove()
})

Gunakan teknik ajax, jadi ketika user klik tombol hapus data, maka kita trigger sebuah ajax request yang dikirimkan ke backend. Setelah proses hapus via backend berhasil, tinggal remove aja element row datanya dari tabel via Javascript.