javascriptでGUIを更新する非同期関数を作りたい

dataCreate()の戻り値にpromiseを返す必要があると思いますが、それはむしろ同期処理に関する話なのでXHRであれば普通に非同期にまわってると思いますが？

sample.php
waitに秒数を指定すると、n秒後にその数値を表示する

PHP

1<?PHP2$wait=$_GET["wait"]??0;3sleep($wait);4print $wait;

javascript

1const test=sec=>fetch(`sample.php?wait=${sec}`).then(res=>res.text());2 3test(3).then(console.log);4test(2).then(console.log);5test(1).then(console.log);

結果：1秒後に1、2秒後に2、3秒後に3が表示される

javascript

1const test=sec=>fetch(`sample.php?wait=${sec}`).then(res=>res.text());2 3(async()=>{4 await test(3).then(console.log);5 await test(2).then(console.log);6 await test(1).then(console.log);7})();

結果：まず3秒後に3、その2秒後に2、その1秒後に1