Js' array'dan tıkladığım elemanın id'sini almak istiyorum

for(var i = 0; i<3010; ++i){

let link = document.createElement(“a”);

link.innerHTML = “▉”

link.id = “btn”;

link.id += i;

link.classList = “boxstyle”

boxs.appendChild(link);

console.log(link)

};

<li><div class="colors" id="color1"></div></li>
        <li><div class="colors" id="color2"></div></li>
        <li><div class="colors" id="color3"></div></li>
        <li><div class="colors" id="color4"></div></li>
        <li><div class="colors" id="color5"></div></li>
        <li><div class="colors" id="color6"></div></li>
        <li><div class="colors" id="color7"></div></li>
        <li><div class="colors" id="color8"></div></li>
        <li><div class="colors" id="color9"></div></li>
        <li><div class="colors" id="color10"></div></li>

basitçe şöyle bir kodum var ve ben js’de +3000 kadar bir ▉ kutu oluşturuyorum ve ben bu tıkladığım kutunun rengini değiştirmek istiyorum atıyorum 100. kutuya tıkladım ve renk olarakta id’si color7 olanı seçtim color7’nin coloru 100. kutuya geçmesini istiyorum yardımcı olur musunuz

  <li><div class="colors" id="color2" onclick="clickFunc"></div></li>
  <li><div class="colors" id="color3" onclick="clickFunc"></div></li>
function clickFunc(e){
  console.log(e.target)
  e.target.style.backgroundColor="red"
}

böyle direk de yapabilirsin ya da e.target.classList.add("colorClass") şeklinde de yapaiblirsin.

Başka türlü yöntemleri de olabilir.

hocam ben kutuları seçemiyorum colors class’ını seçebiliyorum ama for ile oluşturmuş olduğum kutuyu seçemiyorum