Как добавить слушатель на каждую кнопку в каждом блоке отдельно?

Question

[Максим Иванов]

Как я могу добавить слушатель на каждый input-icon отдельно?

Answer 1

[Сергей delphinpro]

const blocks = document.querySelectorAll('.div');

blocks.forEach(blk => {
  const inputIcon = blk.querySelector('.input-icon');
  const inputPass = blk.querySelector('.pass');

  inputIcon.addEventListener('click', () => {
    if (inputPass.getAttribute('type') == 'password') {
        inputIcon.classList.add('view');
        inputPass.setAttribute('type', 'text');
    } else {
        inputIcon.classList.remove('view');
        inputPass.setAttribute('type', 'password');
    }
  })
})

Comments

[Максим Иванов]

Спасибо :)