JSFiddle - React, Tailwind, and code Playground

CSS

* {
  background-color: white;
  font-size: 20px;
  color: blue
}

JavaScript

const asyncFunc = (a) => {
	return new Promise((resolve) => {  	
  	setTimeout(() => resolve(a), 1000);
  })
}

const asyncFunc1 = () => asyncFunc(1);
const asyncFunc2 = () => asyncFunc(2);

async function foo() {
    const result1 = asyncFunc1();
    const result2 = asyncFunc2()
    return JSON.stringify({ result1, result2 })
}

async function foo2() {
    return [result1, result2] = await Promise.all([
        asyncFunc1(),
        asyncFunc2(),
    ]);
}


(async () =>{
	const el = document.createElement('div');
  el.appendChild(document.createTextNode(await foo()));
  el.appendChild(document.createTextNode(await foo2()))
	document.querySelector('body').appendChild(el);
})();