javascript - How To Loop Through Elements & Count Numbers? -

let's have these spans contain numbers trying fetch , count ...

<span class = "apples">9 apples</span> <span class = "apples">7 apples</span> <span class = "apples">3 apples</span> <span class = "apples">6 apples</span> <span class = "apples">11 apples</span> 

how call on browser fetch number of apples in each span , return total number?

i know basic javascript so

i think id have loop through span elements , find whichever 1 has classname "apples". ha, , ... don't know after particular situation.

any appreciated! thanks.

you can this!

1. store span elements class apples in var , setup total var later

   var apples = document.queryselectorall('span.apples'),

   total = 0;

2. loop through array , use parseint function number out of textcontent of each element, , add value our total

   for (var = 0; < apples.length; i++) {

       total += parseint(apples[i].textcontent, 10); 

   };

3. do total

   console.log(total);