let base = document.getElementById('base'),
matrix = document.getElementById('matrix');
led='';
function createElement(){
for(let i=0 ; i<175; i++){
led = document.createElement('div');
led.className='led';
matrix.appendChild(led);
}
}
createElement()
let leds = document.querySelectorAll('.led');
leds.forEach(led=>{
led.addEventListener('click', function(){
led.classList.toggle('active')
});
});
let index=[26, 51, 76, 101,126,77,78,79,54,29, 104, 129, 31,56,81,106,131,32,33,82,83,132,133, 35, 60, 85, 110, 135,136,137,39,64,89,114,139,140,141,43,68,83,93,118,143,44,45,46,71,96,121,146,145,144, 148,98,73,48]
function draw(elems, arr){
for(let i=0; i<arr.length; i++){
elems[index[i]].classList.add('active')
}
}
draw(leds, index);