var $messages = Array.prototype.slice.call(document.querySelectorAll(".message-container .message button.delete"), 0)
$messages.forEach((el, index) => {
    let timeID
    function click() {
        // Get the target from the "data-target" attribute
        const target = el.dataset.target
        const $target = document.getElementById(target)
        el.removeEventListener("click", click)
        $target.remove()
        clearTimeout(timeID)
    }
    timeID = setTimeout(() => {
        const target = el.dataset.target
        const $target = document.getElementById(target)
        el.removeEventListener("click", click)
        $target && $target.remove()
    }, (index + 1) * 6000)
    el.addEventListener("click", click)
})