JS 장바구니 구매 이벤트

const buyBtn = document.querySelectorAll('.buybtn');

function buybtnevent() {
    for (const btn of buyBtn) {
        btn.addEventListener('click', function (e) {
            const title = btn.parentElement.children[1].innerText;
            console.log(title);
            const checkLocalItem = localStorage.getItem('cart');
            let checkedTitle = true;
            //아예 cart DB가 없는경우
            if (checkLocalItem === null) {
                localStorage.setItem('cart', JSON.stringify([{ title: title, num: 1 }]))
            } else {
                let changeLocalItem = JSON.parse(checkLocalItem);
                for (let i = 0; i < changeLocalItem.length; i++) {
                    if (changeLocalItem[i].title === title) {
                        changeLocalItem[i].num++;
                        localStorage.setItem('cart', JSON.stringify(changeLocalItem));
                        checkedTitle = true;
                        break;
                    } else {
                        checkedTitle = false;
                    }
                }
                if (!checkedTitle) {
                    changeLocalItem.push({ title: title, num: 1 });
                    localStorage.setItem('cart', JSON.stringify(changeLocalItem));
                }
            }
        })
    }
}

buybtnevent();
-------------------구매버튼 코드-----------------------------
응용문제까지는 다 해결하였으나 다른이벤트를 하고도 구매버튼이 동작하게 하고 싶은데요
현재 상황에서는 초기화면에서만 동작하게 만들었기 때문에 안되는거 까지는 이해를 했는데
도저히 제가 가진 지식에서 어떻게 풀어가야할지 고민하고 고민하다 질문드립니다.