Блог

Я запросил свою базу данных firebase, чтобы подсчитать количество людей, подписавшихся на темы. Я получил результаты в console.log() и хотел бы отобразить их на веб-странице с номером пользователя div. В приведенном ниже коде рядом с каждой темой отображается один и тот же номер, даже если под каждой темой в console.log () отображается правильный номер. Как мне это исправить?

Это мой HTML-код:

 <div class="rh_topic" title="Title" ></div>
<div class="customerNumber"></div>
 

Это мой код в моем файле javascript.

     function countSubscribers () {
    const topics = document.querySelectorAll(".rh_topic");
    topics.forEach(topic => {
        let number = topic.title;
        const ref = firebase.database().ref('topics/'   number);
        ref.once("value")
        .then(function(snapshot) {
            console.log(topic.title);
            console.log(snapshot.numChildren());
            let customers = snapshot.numChildren();
            const elements = document.getElementsByClassName('customerNumber');
            Array.prototype.forEach.call(elements, function(element) {
                element.textContent = customers;
            });             
        });
    });
}
            
countSubscribers(); 
 

для упрощения вы можете просто использовать

 elements.map((elements, indexEl) => {
  elements.innerText = customers
  return true;
})