[demi379]

Добрый день.
Пробую решить задачку. При нажатии на кнопку, создается новая (назовем ее: 2) например , и уже при нажатии на новую (2), создается еще одна, а эта же кнопка (2) принимает css класс black (окрашивается в черный цвет).
У меня выдает ошибку, мол не видит он еще эту кнопку 2, я понимаю что выполняется все и сразу, но может есть вариант.
Желательно исправить этот скрипт, а не новый писать (если это возможно)
Спасибо

let start = document.getElementsByTagName('button')[0];

start.addEventListener('click', function () {
	let btn1 = document.createElement('button');
		document.body.appendChild(btn1)
		btn1.innerHTML = 'hi';
		btn1.setAttribute("id", "first");
	});


let start2 = document.getElementsById(first);;
start2.addEventListener('click', function () {
	
	let btn2 = document.createElement('button');
		document.body.appendChild(btn2)
		btn2.innerHTML = 'hi';
		btn2.setAttribute("id", "second");
                btn2.classList.add('black');
	

});