JSFiddle - React, Tailwind, and code Playground

HTML

<button>simulate enter key</button>
<input type="text">
<div class="result"></div>

JavaScript

const $input = document.querySelector('input');
$input.addEventListener('keypress', function(e){
    if (e.key === 'Enter') {
      const value = e.target.value;
      document.querySelector('.result').textContent = value + ' was entered';
    }
  })
  
const $button = document.querySelector('button');
$button.addEventListener('click', function() {
	var e = new Event('keypress');
  e.key = 'Enter';
  e.keyCode = 13;
  $input.dispatchEvent(e);
})