joehonton/fetch-next-article.js

## fetch-next-article.js
const articleUrls = [
    '/feb-28-2021.html',
    '/feb-21-2021.html',
    '/feb-14-2021.html',
    '/feb-07-2021.html'
];
const nextIndex = 0;

async fetchNextArticle() {
    // fetch the article using HTTP
    const response = await fetch(articleUrls[nextIndex++]);
    if (response.status != 200 && response.status != 304)
        return;
    const templateText = await response.text();

    // get the <body> of the article's HTML
    const template = document.createElement('template');
    template.innerHTML = templateText;
    const body = template.content.querySelector('body');

    // create a new <article> and insert it
    const nextArticle = document.createElement('article')
    nextArticle.innerHTML = body.innerHTML;
    bottomOfPage.parentNode.insertBefore(nextArticle, bottomOfPage);
}
	const articleUrls = [
	'/feb-28-2021.html',
	'/feb-21-2021.html',
	'/feb-14-2021.html',
	'/feb-07-2021.html'
	];
	const nextIndex = 0;

	async fetchNextArticle() {
	// fetch the article using HTTP
	const response = await fetch(articleUrls[nextIndex++]);
	if (response.status != 200 && response.status != 304)
	return;
	const templateText = await response.text();

	// get the <body> of the article's HTML
	const template = document.createElement('template');
	template.innerHTML = templateText;
	const body = template.content.querySelector('body');

	// create a new <article> and insert it
	const nextArticle = document.createElement('article')
	nextArticle.innerHTML = body.innerHTML;
	bottomOfPage.parentNode.insertBefore(nextArticle, bottomOfPage);
	}