javascript .length で複数のクラスの文字数の合計を出したい。

Question

ご質問です。
複数のクラス(この場合 mojiCount)を取得して、合計された文字数を出すにはどうしたらいいでしょうか？

こちらのコードではそれぞれ、3,3,4とコンソールに表示されてしまいます。
どうすれば、全ての合計(この場合、10)と表示することができるでしょうか。

（そもそもfor文は必要ないのでしょうか？）
お力借りれると助かります。。

[html]

<p class="mojiCount">メロン</p>
<p class="mojiCount">バナナ</p>
<p class="mojiCount">イチジク</p>

[js]

let c = document.getElementsByClassName(“mojiCount”);

for (var i = 0; i < c.length; i++){
   let y = c[i].innerHTML; 

   console.log(y.length);
};

Answer 1

文字数を足せばよいと思います。

let sum = 0;
for (let i = 0; i < c.length; i++){
   sum += c[i].textContent.length;
}
console.log(sum);

Comments

[bananashuto]

ありがとうございます！！無事解決することができました！！

Answer 2

もう一歩！外側に let total = 0 っていう変数があればなんとかなります！

Comments

[bananashuto]

ありがとうございます！！無事解決することができました！！