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

Question

<ul class="button">
    <li><button></button></li>
    <li><button></button></li>
    <li><button></button></li>
    <li><button></button></li>
</ul>

Подскажите, как определить номер кнопки по которой был сделан клик, на чистом JS?

Answer 1

Примерно вот так.

const buttons = document.querySelectorAll('.list button') // ищем кнопки в элементе с классом list, по аналогии CSS

buttons.forEach((button, index) => {
  button.addEventListener('click', () => console.log(index + 1))
})

<ul class="list">
    <li><button>1</button></li>
    <li><button>2</button></li>
    <li><button>3</button></li>
    <li><button>4</button></li>
</ul>

БЛОГ НА HUSL

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

Ответы (1 шт):