Как вызвать функцию при клике? js

Есть вот такой вот код, который берёт инфу из localStorage и отрисовывает её на другой вкладке. Всё работает нормально до тех пор, пока я не повешу эту функцию на клик. Когда я вышаю на клик и перехожу на ту вкладку, где должна отрисовываться инфа, то мне пишет Cannot read property 'addEventListener' of null. ticketButton находится во вкладке, где нужно тыкнуть на эту кнопку и и отобразить инфу на на другую вкладку в блок ticketsContainer

ticketButton.addEventListener('click', () => {
    displayTickets();
})

function displayTickets() {
    let seatsItems = JSON.parse(localStorage.getItem('seats'));
    let time = localStorage.getItem('time');
    let day = localStorage.getItem('day');
    let ticketsContainer = document.querySelector('.ticketsContainer');

    if(seatsItems && ticketsContainer) {
        ticketsContainer.innerHTML = '';
        Object.values(seatsItems).map(item => {
            ticketsContainer.innerHTML += `
                <div class="ticket">
                    <div class="ticketImage">
                        <img src="${item.img}" class="ticketImg"/>
                    </div>  

                    <div class="ticketAbout">
                        <div class="ticketInforamtion">
                            <p>Ваш ряд: ${item.row}</p>
                            <p>Ваше место: ${item.seat}</p>
                        </div>
                        
                        <div class="ticketTime">
                            <p>${day},</p>
                            <p> ${time}</p>
                        </div>
                        <img src="${item.barcode}" class="barcode"/>
                        
                    </div>
                    
                </div>
            `;
        })
    }
}