so://phie

blob: 3fa5a88f7ea0eb6e236325c978eced461fd54cba (752 bytes)[doc][blame][raw]

 1import { Overview, Category, Message } from './component.js';
 2
 3window.onload = async function() {
 4	const main = document.querySelector('main .container');
 5	try {
 6		const data = await fetchPostData();
 7		if(!data || data.length === 0) {
 8			throw new Error('Response body is empty: 500');
 9		}
10		main.append(Overview(data));
11		for(const category of data) {
12			main.append(Category(category));
13		}
14	}
15	catch(error) {
16		console.error(error);
17		main.append(Message({
18			message: 'Something went wrong!',
19			description: error.message
20		}));
21	}
22};
23
24async function fetchPostData() {
25	const response = await fetch('/data/post.json');
26	if(response.status !== 200) {
27		throw new Error('Invalid status code: ' + response.status);
28	}
29	return await response.json();