JSFiddle - React, Tailwind, and code Playground
HTML
<button onclick="heavyAsync()">Heavy Await</button>
<button onclick="plainFunction()">Plain Function</button>
JavaScript
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function heavyAsync() {
console.log('START Heavy Async')
await sleep(10000)
console.log('END Heavy Async')
}
function plainFunction() {
console.log('plain function')
}