JavaScriptで特定の画像の数を取得する方法

Question

webサイト上に違う画像が2つあり、ボタンをクリックするとどちらかの画像がランダムで１０枚動的に生成されるとして、そのうちの１つの枚数をJavaScriptで取得したいです。

画像Aを取得するとしてボタンをクリックして画像Aは3枚, 画像Bが7枚表示された場合、画像Aは３枚あるということを取得することはできますか？

<div id="rndmImg"></div>
<button id="btn">click</button>

const rndmImg = document.getElementById('rndmImg');
const btn = document.getElementById('btn');

btn.addEventListener('click', () => {

 for(let i = 0; i < 10; i++) {
  const imgA = document.createElement('img');
  const imgB = document.createElement('img');
  imgA.src = 'A.png';
  imgB.src = 'B.png';
  const rndm = Math.floor(Math.random()*2);
 
  if(rndm == 0) {
   rndmImg.appendChild(imgA)
  }else if(rndm == 1){
   rndmImg.appendChild(imgB)
  };
 };
});

Comments

[m.ts10806]

どういうネーミングルールやどういう生成の仕方をされているかによります。
「できますか」については大抵のことは「できる」としか応えようがないです。

[Milchstrasse]

for文の中でcreateElementで2つのimgを生成して別の画像ファイルを渡し、0or1の乱数で0なら画像A、１なら画像Bという感じでdivのボックス内にappendChildで追加しています。

Answer 1

for外にvarで配列作って0の処理で配列に++したらカウントできたわ。
早く回答してくれよ