DECA-Protocol-FE/js/script2.js

36 lines
1.4 KiB
JavaScript

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);
}
}