andrea/leanwebclub
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add a template function

Browse source
This commit is contained in:
Andrea Fazzi 2024-08-08 07:00:24 +02:00
parent 1f700ca1ea
commit d2f38884d8
1 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
js-essentials/dragon-trainer-monthly/script.js
View file

@ -1,8 +1,19 @@
let app = document.querySelector('#app');
let endpoint = 'https://vanillajsacademy.com/api/dragons.json';
let articleTmpl = function (item) {
return `
<article>
<h2>${item.title}</h2>
<cite>${item.pubdate} by <strong>${item.author}</strong></cite>
<p>${item.article}</p>
</article>
<hr/>
`
}
async function getArticles() {
app.innerHTML = 'Fetching articles...';
app.innerHTML = 'Fetching all articles...';
try {
let response = await fetch(endpoint);
@ -12,12 +23,7 @@ async function getArticles() {
if (!dragons) throw 'no data';
app.innerHTML = dragons.articles.map(function(item) {
return `
<h2>${item.title}</h2>
<cite>${item.pubdate} by <strong>${item.author}</strong></cite>
<p>${item.article}</p>
<hr/>
`
return `${articleTmpl(item)}`;
}).join('');
} catch (error) {