如何删除用户输入的对象JS

Question

我正在研究一个项目，用户可以添加自己喜欢的音乐，他们也应该能够编辑和删除选项。我只能使用香草JS，我需要将SessionStorage用于此项目。我正在努力删除和编辑功能。以下是我拥有的代码，请任何指针。

在下面，我为用户输入的所有内容创建新的表元素元素

music.forEach(function (m) {
  let tableItem = document.createElement("tbody");
  tableItem.innerHTML = `<td>${m.artistName}</td> <td>${m.songName}</td> <td>${m.albumName}</td> <td>${m.genreType}</td> <button id="deleteBtn" onclick="deleteMusic()">Delete Entry</button><button id="editBtn" onclick="editMusic()">Edit Entry</button>`;
  tableItem.value = i;
  i = i + 1;
  htmlTable.appendChild(tableItem);
});

，下面是我试图用我在表上方动态创建的按钮来调用以下功能，

  music = JSON.parse(sessionStorage.getItem("favMusic"));
  sessionStorage.removeItem("favMusic", JSON.stringify(music));
}

可以在必要时发布整个脚本

如果它可以帮助我，我 使用JSON在SessionStorage上存储数据。我试图允许用户删除其创建的对象之一。因此，用户可以输入艺术家名称，歌曲和专辑名称以及类型。但是我希望用户能够单击一个按钮（这些按钮是在JS中动态创建的，也可以在表中显示），并允许他们删除或编辑DOM中的某个条目