gistfile1.txt

<img id="dog" width="500"/>

<script>
  console.log('before')
  async function main () {
    console.log('starting dog download...')
    const dogResponse = await fetch('https://dog.ceo/api/breeds/image/random')
    const dogData = await dogResponse.json()
    console.log('dogData', dogData)

    const imageResponse = await fetch(dogData.message)  
    const imageData = await imageResponse.blob()
    console.log(imageData)

    const img = document.getElementById('dog')
    const objectURL = URL.createObjectURL(imageData);
    img.src = objectURL;
  }
  main() // asynchronous / non-blocking
  console.log('after')
</script>