CPU バインドな for ループがあってそこで進捗表示みたいなのをつけたいです
途中に DOM 操作を挟んでも全部終了するまで表示更新されません
処理を末尾再帰関数に分離して setTimeout とかをはさんで
イベントループの中断をはさめばできると思うんですが
プログラムを大幅にかえないといけなくなるので
for 文のまま挿入するだけでできる画面更新方法って無いでしょうか
const fib = n => n <= 1 ? n : fib(n - 1) + fib(n - 2);
const element = document.getElementById('msg');
for(let i = 1; i <= 40; i++) {
const msg = `fib(${i}) = ${fib(i)}`;
console.log(msg);
element.value = msg;
}
<input id="msg" type="text"></input>