2 adet js kodum var, birisi veri çekiyor diğeri açılır penceremi aktif ediyor. Veriyi çektiğimde açılır pencerem bozuluyor bu konuda yardımcı olacak var mı?

async function fetchSubscriberCount() {
    const apiKey = 'KEY'; //
    const channelId = 'Kanal İD'; //
    const url = `https://www.googleapis.com/youtube/v3/channels?part=statistics&id=${channelId}&key=${apiKey}`;
    
    try {
        const response = await fetch(url);
        const data = await response.json();
        
        const subscriberCount = data.items[0].statistics.subscriberCount;
        
        // Abone sayısını h2 etiketi içerisine yazdırınca bozuluyor
        document.getElementById('subscriberCount').innerHTML = `${subscriberCount}<br><span>Kişi Abone</span>`;
    } catch (error) {
        console.error('Abone sayısını çekerken bir hata oluştu:', error);
        document.getElementById('subscriberCount').innerHTML = 'HATA<br><span>Kişi Abone</span>';
    }
}

Buda açılır pencere kodum

const cards = document.querySelectorAll('.card');
    const toggles = document.querySelectorAll('.toggle');
    
    toggles.forEach((toggle, index) => {
        toggle.onclick = function () {
            const card = cards[index];
            card.classList.toggle('active');
    
            setTimeout(() => {
                card.classList.remove('active');
            }, 4000);
        };
    });
    
    document.addEventListener('click', (event) => {
        cards.forEach(card => {
            if (card.classList.contains('active') && !card.contains(event.target)) {
                card.classList.remove('active');
            }
        });
    });