export async function getObj(i) {
    let url = 'https://gateway.decentralizedscience.org/ipfs/bafybeiai4g5mluuwr4ds34jkqi4kojsrqxrcetntkp5tf76jhx6mccrybu/'+i+'.json';
    let obj = await (await fetch(url)).json();
   
    //console.log(obj);
    return obj;
}

var tags;
export async function createDiv() {
    for (var i=1; i<=68; i++) {
          tags = await get(i);
          var divTag = document.createElement("div");
          divTag.id = "div"+i;
          divTag.className = "responsive";
          divTag.innerHTML = "<div class='gallery'>"+
          "<a target='_blank' href='"+tags.image+"'>"+
          "<img src='"+tags.image+"' alt='"+tags.name+"' width='256' height='256'>"+
          "</a>"+
          "<div class='name'>"+tags.name+"</div>"+
          "<div class='desc'>"+tags.description+"</div>"+
            "<div class='properties'>"+
              "<details class='details-example'>"+
                "<summary>Properties</summary>"+
                  "<ul>"+
                     "<li>"+tags.attributes[0].trait_type+": <b>"+tags.attributes[0].value+"</b></li>"+
                     "<li>"+tags.attributes[1].trait_type+": <b>"+tags.attributes[1].value+"</b></li>"+
                     "<li>"+tags.attributes[2].trait_type+": <b>"+tags.attributes[2].value+"</b></li>"+
                   "</ul>"+
               "</details>"+
             "</div>"+
           "</div>";
           document.body.appendChild(divTag);
    }
}