JSFiddle - React, Tailwind, and code Playground

by Ukjin Yang

HTML

<button id="gen">Generate!</button>
<textarea id="out" style="width:98%;height:90%;" readonly></textarea>

JavaScript

var $out = document.querySelector('#out'),$gen=document.querySelector('#gen');
$gen.addEventListener('click', function(){
	$out.innerHTML = '';
  new Array(36).fill('').forEach(($,i) => {
    fetch(`https://picsum.photos/seed/${i}/160/90`)
      .then( response => response.blob(), e => console.error(e) )
      .then( blob =>{
      var reader = new FileReader() ;
      reader.onload = function(){ $out.appendChild(document.createTextNode(`${this.result}\n`.replace('data:image/jpeg;base64,',''))) };
      reader.readAsDataURL(blob) ;
    });
  });
});