cleaner solution for creating blog posts
This commit is contained in:
parent
71aea24d02
commit
ba45215543
1 changed files with 25 additions and 10 deletions
|
@ -2,21 +2,36 @@ class BlogIndex extends HTMLElement {
|
|||
constructor() {
|
||||
super();
|
||||
let xhr = new XMLHttpRequest();
|
||||
let ul = document.createElement("ul");
|
||||
xhr.onreadystatechange = () => {
|
||||
if (xhr.readyState === 4) {
|
||||
if (xhr.status === 200) {
|
||||
let blog = JSON.parse(xhr.responseText);
|
||||
blog.forEach((element) => {
|
||||
this.innerHTML += `
|
||||
<article class="breakWord">
|
||||
<h2>${element["title"]}</h2>
|
||||
<p breakWord>${element["content"]}</p>
|
||||
<p class="center"><a href="/post.html?id=${element["id"]}"><button>Mehr lesen</button></a></p>
|
||||
</article>
|
||||
`;
|
||||
const article = document.createElement("article");
|
||||
article.classList.add("breakWord");
|
||||
this.appendChild(article);
|
||||
|
||||
const h2 = document.createElement("h2");
|
||||
h2.innerText = element["title"];
|
||||
article.appendChild(h2);
|
||||
|
||||
const content = document.createElement("p");
|
||||
content.classList.appendChild("breakWord");
|
||||
content.innerHTML = element["content"];
|
||||
article.appendChild(content);
|
||||
|
||||
const moreP = document.createElement("p");
|
||||
moreP.classList.add("center");
|
||||
article.appendChild(moreP);
|
||||
|
||||
const moreLink = document.createElement("a");
|
||||
moreLink.href = "/post.html?id=" + element["id"];
|
||||
moreP.appendChild(moreLink);
|
||||
|
||||
const moreButton = document.createElement("button");
|
||||
moreButton.innerText = "Mehr lesen";
|
||||
moreLink.appendChild(moreButton);
|
||||
});
|
||||
this.appendChild(ul);
|
||||
|
||||
} else {
|
||||
let p = document.createElement("p");
|
||||
|
|
Loading…
Reference in a new issue