Post History

from the MDN, 

  "Depending on the kind of element being changed and the way the user interacts with the element, the change event fires at a different moment:

 * When the element is :checked (by clicking or using the keyboard) for `input type="radio"` and `input type="checkbox"`;

 * When the user commits the change explicitly (e.g., by selecting a value from a `select`'s dropdown with a mouse click, by selecting a date from a date picker for `input type="date"`, by selecting a file in the file picker for `input type="file"`, etc.);

 * When the element loses focus after its value was changed, but not committed (e.g., after editing the value of textarea or `input type="text"`)."

Inserting a value into an input field with JS also allows us to simply fire another event depending on the kind of input used. For instance, `inputField.blur();` triggers the unfocus event which can be used to check the contents of an `input type="text"`

References:

[MDN input element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input)

[MDN change event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event)

[MDN blur event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/blur)

[MDN input event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)