JSFiddle - React, Tailwind, and code Playground

by Krzysztof Safjanowski

HTML

<ul>
  <li>
    <input type="text" class="a">
    <input type="number" class="b">
    <input type="text" class="c">
    <span class="results"></span>
  </li>
</ul>

JavaScript

const inputs = Array.from(document.querySelectorAll('input[type="text"], input[type="number"]'));

inputs.forEach(input => {
  input.addEventListener('onchange', (e) => {
    console.log('e', e)
  })
  input.addEventListener('onFocus', (e) => {
    console.log('focus', e)
  })
})