Показать сообщение отдельно
  #2 (permalink)  
Старый 28.04.2020, 16:02
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от 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>


Так много нужно знать...
Ответить с цитированием