JSFiddle - React, Tailwind, and code Playground

HTML

<button id="btn">native click</button>

<button id="btn2">program click</button>

JavaScript

const btn = document.getElementById('btn')
const btn2 = document.getElementById('btn2')

btn.addEventListener('click', () => log(1))
btn.addEventListener('click', () => log(2))

function log(i) {
  Promise.resolve().then(() => { console.log('resolved-'+i) });
  console.log('click-'+i)
  setTimeout(() => {
  	console.log('timeout-'+i)
  })
  requestAnimationFrame(() => {
  	console.log('raf-'+i)
  })
}

btn2.addEventListener('click', () => {
	btn.click()
})