utworzenie zmiennej i implementacja actlist

Witam jak skrócić ten zakomentowany kod:

w pętli for rzecz jasna

for(i=0; i<=cards.length; i++)
{
	var c = document.getElementById('c'+i).addEventListener("click", function() { revealCard(i); });
}


// var c0 = document.getElementById('c0');
// var c1 = document.getElementById('c1');
// var c2 = document.getElementById('c2');
// var c3 = document.getElementById('c3');

// var c4 = document.getElementById('c4');
// var c5 = document.getElementById('c5');
// var c6 = document.getElementById('c6');
// var c7 = document.getElementById('c7');

// var c8 = document.getElementById('c8');
// var c9 = document.getElementById('c9');
// var c10 = document.getElementById('c10');
// var c11 = document.getElementById('c11');


// c0.addEventListener("click", function() { revealCard(0); });
// c1.addEventListener("click", function() { revealCard(1); });
// c2.addEventListener("click", function() { revealCard(2); });
// c3.addEventListener("click", function() { revealCard(3); });

// c4.addEventListener("click", function() { revealCard(4); });
// c5.addEventListener("click", function() { revealCard(5); });
// c6.addEventListener("click", function() { revealCard(6); });
// c7.addEventListener("click", function() { revealCard(7); });

// c8.addEventListener("click", function() { revealCard(8); });
// c9.addEventListener("click", function() { revealCard(9); });
// c10.addEventListener("click", function() { revealCard(10); });
// c11.addEventListener("click", function() { revealCard(11); });```

Pierwsze co mi przychodzi do głowy to tablica.
Zamiast zmiennych stosujesz komórki tablicy, a wartość elementu przy getElementById dajesz jakąś wartość (w Twoim przypadku c) + numer indeksu.

Może tak?

for (let i = 0; i <= cards.length; i++) {
    document.getElementById('c' + i).addEventListener("click", function() {
        revealCard(i);
    });
}