Здравствуйте,у меня возникла проблема,кнопка редактирования находится в нескольких блоках,но при нажатии ее в любом из них,она начинает редактировать только первый блок. Ошибка в том,что он селектит первый элемент документа,как я понял,а нужно текущего. Как исправить,я не особо понимаю,потому что только начал свой путь,помогите пожалуйста примером кода ;).
https://codepen.io/streetdrunker/pen/eYWKEPd
const editBtn = document.createElement('button');
editBtn.appendChild(document.createTextNode('Edit'));
editBtn.classList.add('board__edit');
editBtn.addEventListener('click', () => {
const items = document.querySelector('.board__stage-card');
if (editBtn.textContent == 'Edit') {
editBtn.textContent = 'Ok';
items.contentEditable = true;
items.focus();
} else {
editBtn.textContent = 'Edit';
items.contentEditable = false;
}
});