Javascript Input Element Value NOT Updating

In Javascript - you Programatically Change the Value or Text of an Input Element but the Web Page does not Seem to Update or Accept the Value Causing the Value of the Input Element to be Erased?

If you programatically set the text value of an input element and you see the value being inserted into the element but when the element loses focus the value disappears is because of security measures inplemented by the webpage to prevent bot behavior, such as programatically inserting values on elements on the web page.

Most of the time this can be overcome by initiating a change event on the element.

// put focus on the element which helps to // trick webpage input is from a real person element.focus(); element.value = "your desired input element text"; /* create both an INPUT event and a CHANGE event to trick the webpage into thinking the input is not programmatic */ var inputEvent = new Event('input', {bubbles: true, cancelable: true,}); element.dispatchEvent(inputEvent); var event = new Event("change", {bubbles: true}); element.dispatchEvent(event);