After looping the delete button, I've been trying to get the id so that I can use it with the onclick function but no luck yet.

var table = "";
                    res.data.forEach((value, key) => {
                      table += "<tr>";
                      table += "<td>"+value.post_held+"</td>";
                      table += "<td>"+value.established_officer+"</td>";
                      table += "<td>"+value.date_of_commencement+"</td>";
                      table += "<td>"+value.date_of_termination+"</td>";
                      table += "<td><button id=career"+value.id+" class='btn btn-danger'>Delete</button></td>";
                      table += "</tr>";


                      var career = document.querySelector("#career"+value.id);
                      career.addEventListener("click",()=>{
                        alert("done")
                      })
                    });