Сообщение от tihonazima
|
Как вывести данные из JSON На сайт ?
|
Например так...
<donate-board>
<style>
dl {}
dt, dd {
display: inline;
}
dt {
font-weight: bolder;
}
dd + dt::before {
content: "\0a";
white-space: pre;
}
dd {
margin: 0;
margin-left: 0.25em;
}
dd:empty::before {
content: "(Пусто)";
opacity: 0.5;
font-style: italic;
}
</style>
</donate-board>
<script>
(async function main() {
let ul;
try {
const response = await fetch("https://cors-everywhere.glitch.me/https://vkdonate.ru/dc/5322a3c71cd992a6");
const { last_donater: data } = await response.json();
ul = document.createElement("ul");
let list, node;
for(const { id, sum, description } of data) {
list = document.createElement("dl");
ul.appendChild(list);
for(const [t, d] of [["Сумма:", sum], ["Сообщение:", description]]) {
for(const [tag, text] of [["dt", t], ["dd", d]]) {
node = document.createElement(tag);
node.textContent = text;
list.appendChild(node);
}
}
}
} catch(error) {
ul.textContent = "Ошибка получения и отображения данных";
}
const db = document.querySelector("donate-board");
const s = db.attachShadow({ mode: "open" });
s.appendChild(ul);
s.append(...db.children);
})();
</script>
Так много нужно знать...