fetchStreamToDOM.js

let count = 0;
fetch('https://api.github.com/repos/google/webfundamentals/commits').then(async(response)=> {
  const reader = response.body.getReader();
  const textDecoder = new TextDecoder();
  while (true) {
    count++;
    const {value, done} = await reader.read();
    const text = textDecoder.decode(value);
    console.log(text);
    document.getElementById('content').innerHTML += text;
   console.log('c', count);
    if (done) return;
    await sleep();

  }


});

async function sleep() {
  return new Promise((resolve, reject) => {
      setTimeout(() => {
          return resolve();
      }, 10000);
  });
}