Как добавлять новый класс при клике на кнопку?

Question

[Den__13]

Подскажите как при каждом клике на блок number, добавлять к block
класс с последующей цифрой? То есть первый клик class="block block1",второй клик class="block block1 block2"...
html

<div class="block">
<a href="#"class="number"></a>
<a href="#"class="text"></a>
		</div>

JS пока что такой

const buttonText=document.querySelector('.text');
const buttonNumber=document.querySelector('.number');
const block=document.querySelector('.block')
buttonNumber.onclick=function(){
	block.classList+=' block';
	}

Пробовал через цикл но не очень получается. Подскажите пожалуйста как можно это сделать

Answer 1

[Дмитрий Марков]

Может добавить счётчик ?

const buttonNumber = document.querySelector('.number');
const block = document.querySelector('.block');
let counter = 0;
buttonNumber.addEventListener('click', event => {
    event.preventDefault();
    const newClass = 'block';
    block.classList.add(newClass+counter);
    counter++;
})

Answer 2

[Danya Kozlovskiy]

Добавляешь переменную 'счетчик', которая увеличивается при каждом клике на кнопку и прибавляется к названию класса.

const buttonText=document.querySelector('.text');
const buttonNumber=document.querySelector('.number');
const block=document.querySelector('.block')
let count = 1 // счетчик
buttonNumber.onclick=function(){
  block.classList+=' block' + `${count}` // добавляем его к классу
  count++ // увеличиваем счетчик
  }