перезапуск скрипта без перезагрузки страницы, по условию 2 клика на элемент

как правильно удалить содержимое страницы и отправить запрос на сервер? получается только с location.reload() с статическими элементами проблем нет, а тут нужно ождаить появления и на 2 клик начать сначала https://jsfiddle.net/novikov433/03zrufby/1/

const container = document.getElementById('results');
NProgress.start();
NProgress.configure({ trickleSpeed: 500 });
const xhr = new XMLHttpRequest();
    xhr.open('GET', `https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw,political,racist,sexist&type=twopart`, true);
    xhr.send(null);
    xhr.onload = ()=> {
        const data = JSON.parse(xhr.responseText);
        NProgress.done();
        for (let [one, two] of Object.entries(data)) {
            container.insertAdjacentHTML('beforeend', `
            <div id="${one}" onselectstart="return false" onmousedown="return false">
            <div onselectstart="return false" onmousedown="return false">${two}</div>
            <hr/>
            </div>
        `);
    }
}

click = document.getElementById('results');
click.addEventListener('click', function (e) {
    click1 = document.getElementById('delivery');
    click1.style = "display: block";
    click2 = document.getElementById('zvezda');
    click2.style = "display: block";
    click.addEventListener('click', function (e) {
        location.reload()
    })
})