Why is my counter == 0 after i incremented it in a loop?

Question

In my HTML i have the following code:

<div id="userCount" class="number count-to" data-from="0" data-to="" data-speed="1000" data-fresh-interval="20"></div>

And in my Javascript i'm trying to get the registered users count to display it in ' data-to="" ' from firebase.

My Javascript code:

let db = firebase.firestore();
let count = 0;
var div = $('#userCount');

db.collection("users").get().then((snapShot) => {
   snapShot.forEach((doc) => {
      count++;
   });
});

div.data('to',count);

Why is that happening?

I think this is caused by the `let` keyword in declaration of the `count` variable. If you would use `var` keyword, it should exist throughout the contexts. I'm not sure tho — Encyklopedie, Mar 24 '21 at 11:53

score 0 · Answer 1 · answered Mar 24 '21 at 11:53

0

Because db.collection function is asyncronized one. Please take a look at following solution

let db = firebase.firestore();
let count = 0;
var div = $('#userCount');

db.collection("users").get().then((snapShot) => {
   snapShot.forEach((doc) => {
      count++;
   });

   div.data('to',count);
});

answered Mar 24 '21 at 11:53

Yoshida Atsushi

89
8

It didn't work! – Mussab Kamhieh Mar 24 '21 at 12:00
`count` is still 0? – Yoshida Atsushi Mar 24 '21 at 12:03
Yes it's still 0 – Mussab Kamhieh Mar 24 '21 at 12:09
what is the length of `snapShot`? – Yoshida Atsushi Mar 24 '21 at 12:13
Do you mean how many registered users there is? – Mussab Kamhieh Mar 24 '21 at 12:16
I mean if `console.log(snapShot.length)`, what can you get? – Yoshida Atsushi Mar 24 '21 at 13:45

Why is my counter == 0 after i incremented it in a loop?

1 Answers1