Tengo este código para configurar una entrada y luego hacer clic en el botón. Intenté ejecutar el código eliminando dispatchEvent y num está configurado, cuando lo ejecuto con dispatchEvent no configuró el valor de entrada, pero dispatchEvent funciona. ¿Debo agregar un retraso para ejecutar el valor establecido y luego dispatchEvent? o separarlo? ¿Cómo arreglar esto? ¡Gracias!

 const inits = function(){ const injectElement = document.createElement('div'); injectElement.className = "my-button"; injectElement.id = "bigBtn"; $('body').append(injectElement); spn = '<span class="big-span"></span><span class="small-span">Auto Fill</span><button class="btn btn-white" id="fillBtn" type="button">Fill</button>' $('#bigBtn').append(spn); } inits(); $('#fillBtn').click(function (e) { e.preventDefault(); num = 123; document.querySelector('input.arco-input').value = num; document.querySelector('.i18n-icon-search').dispatchEvent(new Event('click',{bubbles:true})); });