await in for loop

by Soviut

HTML

<span id="value">X</span>

JavaScript

const waitOneSecond = async (value) => {
	return new Promise((resolve, reject) => {
	  setTimeout(() => {
    	resolve(value)
    }, 1000)
  })
}

(async () => {
  for (let i = 0; i < 10; i++) {
    const res = await waitOneSecond(i)
    document.getElementById('value').textContent = res
  }
})()