JavaScript实时显示1-100内偶数和相加过程

实现图片的运行代码，求解答~要输出和图片一样格式的内容，求解答！在线等在线等！

  let i = 1, total = 0
  while (i <= 100) {
    i % 2 === 0 ?
      document.write(`<div>计算步骤:${total}+${i}=${total += i}</div>`) : null
    i++
  }

使用reduce累加，轻松解决

代码如下：

let sum=0;
for(i=1;i<101;i++){
  if(i%2==0){
    console.log("计算步骤:"+sum+"+"+i+"=",sum);
    sum+=i;
  }
}
console.log("sum:",sum);

Array.from({ length: 100 }).map((e, i) => i).reduce((p, c, i) => !(i & 1) ? p + c : p, 0)

let arr = [];
for(var i=1;i<=100;i++){arr.push(i)}
arr.reduce((total,val)=>{if(val%2==0){console.log(`计算步骤：${total}+${val}=${total+val}`);return total+val;}},0)