JSFiddle - React, Tailwind, and code Playground

HTML

<div id=container>
  <div id=output></div>
  <div>
    <selectlist>
      <option>one</option>
      <option>two</option>
      <option>three</option>
    </selectlist>
  </div>
</div>

CSS

#container {
  display: flex;
}
#container > div {
  flex: 50%;
}

JavaScript

const selectlist = document.querySelector('selectlist');
['input', 'change'].forEach(eventName => {
  selectlist.addEventListener(eventName, () => {
    output.insertAdjacentHTML('beforeend', `<div>${eventName}</div>`);
  });
});