JSFiddle - React, Tailwind, and code Playground

HTML

<h3>
     <input type="text" id="qr-value"  value="" readonly />
     <button>Reset Scan</button>
</h3>

<button id="btnTest">Test</button>

JavaScript

function read(a) {
    $("#qr-value").val(a).change();
}

$(document).ready(function () {
    $('#qr-value').on('change', function () {
        if ($('#qr-value').val() == 'hello stephen') {
       
            alert('Changed!')
            document.getElementById("btnTest").click;
            
        }
    });

    // TESTING
    $('#btnTest').on('click', function (event) {
        event.preventDefault();
        read('hello stephen');
    });
    
});