Не сразу срабатывает редирект через window.location.href

Есть такой код, он отправляет данные на сохранение в бд:

async function click_add() {

        const response = await fetch("api/products/add", {
            method: "POST",
            headers: { "Accept": "application/json", "Content-Type": "application/json" },
            body: JSON.stringify({
                productName: document.getElementById("productName").value,
                productCategory: document.getElementById("productCategory").value
            })
        });
        if (response.ok === true) {
            console.log('added successfully')
            alert("Successfully added!");
            window.location.href = '/';
        } 
    }

И вот этот console.log и всё остальное срабатывают только во второй раз, но данные в бд отправляются и сохраняются и в первый раз, и во второй. В чём может быть проблема? Могу предполагать, что проблема вне метода, поэтому оставлю полный файл тут:

(async function(){
    let elem = document.getElementById("button_add");
    elem.addEventListener("click", click_add);
    let elemBack = document.getElementById("back-to-list");
    elemBack.addEventListener("click", redirecting);
    async function redirecting() {
        window.location.href = '/';
    }
    async function click_add() {

        const response = await fetch("api/products/add", {
            method: "POST",
            headers: { "Accept": "application/json", "Content-Type": "application/json" },
            body: JSON.stringify({
                productName: document.getElementById("productName").value,
                productCategory: document.getElementById("productCategory").value
            })
        });
        if (response.ok === true) {
            console.log('added successfully')
            alert("Successfully added!");
            window.location.href = '/';
        }
    }
})();