Javascript fetch удалить как удалить html

Проблема: я хочу удалить строку HTML, когда мой заголовок 1 (или 2, или 3,...) удаляется из JSON на сервере. Тем не менее, я могу сделать это только при обновлении.

Я пытался добавить метод AddCards после каждого вызова fetch, но тогда мне нужно было удалить все элементы tr, но я пробовал и это.

Вот изображение сайта.

Изображение сайта

Это код javascript:

let form = document.getElementById('frm');
form.addEventListener('submit', PostBlog)
let alleposts = {};
let numOfPosts = 0;
getPosts();

function PostBlog(event) {
    event.preventDefault()
    let title = document.getElementById("txtTitle");
    let content = document.getElementById("txtContent");
    let data1 = {content: content.value,title:title.value};
    fetch("/posts",
    {
        method: 'POST',
        mode:'same-origin',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(data1),
    }
).then(receive).then(response => (response).text()).then(Succeed).catch(problem);
}
function receive(response) {
    if (!(response.ok)){
        throw new Error("Didn't Receive " + response.status);
    }
    return response;
}
function problem(error){
    alert("Not Found " + error);
}
function Succeed(data){
    alert("Found " + data);
    getPosts();
}

function getPosts(){
    fetch("/posts",{
        method:'get',
        headers: {
            'Accept': 'application/json',
        }
    }).then(receive).then(response => response.json()).then(Succeed2).catch(problem);
}

function Succeed2(data){
    alert("Found " + JSON.stringify(data));
    data.forEach((data) => alleposts[`${data.title}`] = data.uuid);
    AddCards();

}

function AddCards(){

    Object.keys(alleposts).forEach((sleutel)=>{VoegVorigePostToe(sleutel)});
}

function Succeed3(data){
    alert("Found " + data);
    numOfPosts--;
}

function DeletePost(event){
    let title = event.target.parentNode.previousElementSibling.innerText;
    console.info(title);
    let key = alleposts[title];
    console.info("alle keys " + JSON.stringify(key));
    fetch(`/posts/${key}`,{
        method:'delete',
        headers: {
            'Accept': 'application/json',
        }
    }).then(receive).then(response => (response).text()).then(Succeed3).catch(problem);
}




function VoegVorigePostToe(title){
    //let title = document.getElementById("txtTitle");
    let thead = document.getElementsByTagName("thead")[0];

    let th = document.createElement("tr");
    let td = document.createElement("td");
    td.setAttribute("id", "th_" + numOfPosts);
    td.innerText = title;
    let delete_button = document.createElement("td");
    let button = document.createElement("button");
    button.innerHTML = "Delete";
    button.addEventListener("click",DeletePost)



    delete_button.appendChild(button);
    th.appendChild(td);
    th.appendChild(delete_button);
    thead.appendChild(th);
    numOfPosts++;

}

HTML-идентификатор выглядит следующим образом: frm = form, txtTitle = поле ввода заголовка.