main.js

document.querySelectorAll('input[type=search]').forEach(input => {
  input.addEventListener('mouseup', e => {
    if (input.value.length > 0) {
      setTimeout(() => {
        if (input.value.length === 0) {
          // do reset action here
        }
      }, 5)
    }
  })
}
                                                        
// addEventListener version
const input = document.querySelector('input[type="search"]')

input.addEventListener('search', () => 
 console.log('The term searched for was ' + input.value)
)

// onsearch version
const input = document.querySelector('input[type="search"]')

input.onsearch = () => 
 console.log('The term searched for was ' + input.value)
)