JSFiddle - React, Tailwind, and code Playground

HTML

<button id="runBtn">Run</button>
<br>
<input type="text" id="input">
  <div id="logEl">
  Log:<br>
  </div>

JavaScript

input.addEventListener('focus', function() {
    log('focus event');
});
input.addEventListener('blur', function() {
    log('blur event');
});
runBtn.addEventListener('click', function() {
    log('before calling focus()');
    input.focus();
    log('after calling focus()');
    log('before calling remove()');
    input.remove();
    log('after calling remove()');
});


function log(value) {
    window.logEl.innerHTML += value+'<br>';
}