JSFiddle - React, Tailwind, and code Playground

HTML

<input id="some-input">
<br /><br />

<button id="test">Click to trigger "input"</button>

JavaScript

var element = document.getElementById('some-input');
element.addEventListener('input', function() {
    console.log('The value is now ' + element.value);
});

function triggerInput() {
    var event = new Event('input', {
        'bubbles': true,
        'cancelable': true
    });

    element.dispatchEvent(event);
}

document.getElementById('test').addEventListener('click', triggerInput, false);