This will just be a quick blog.
One interesting find is that there are two seemingly similar event types that fires upon updating an input element.
<input input=“”> <input change=“”>
It would be really useful to know the difference between the two. Both fires whenever there is an update from the input element. Their main difference is the timing of when they are firing.
The input event fires whenever the input element is updated. i.e. there is a text change for text type input element.
Meanwhile, the change event (generally) fires whenever the the input element loses focus. i.e. when a user finished editing an text type input element.
Check the docs for more information: Change event