diff --git a/js/customElements/blogFooter.js b/js/customElements/blogFooter.js
index a5e1bbaf180a015739674ad20221011803e8e3ef..526894c49adc635fba4004b83412b78faaf0de59 100644
--- a/js/customElements/blogFooter.js
+++ b/js/customElements/blogFooter.js
@@ -4,17 +4,24 @@ class blogFooter extends HTMLElement {
         let xhr = new XMLHttpRequest();
         let ul = document.createElement("ul");
         xhr.onreadystatechange = () => {
-            if(xhr.readyState === 4 && xhr.status === 200){
-                let blog = JSON.parse(xhr.responseText);
-                blog.forEach((element) => {
-                    let li = document.createElement("li");
-                    let a = document.createElement("a");
-                    a.href = "/post.html?id=" + element["id"];
-                    a.innerText = element["title"];
-                    li.appendChild(a);
-                    ul.appendChild(li);
-                });
-                this.appendChild(ul);
+            if(xhr.readyState === 4) {
+                if (xhr.status === 200) {
+                    let blog = JSON.parse(xhr.responseText);
+                    blog.forEach((element) => {
+                        let li = document.createElement("li");
+                        let a = document.createElement("a");
+                        a.href = "/post.html?id=" + element["id"];
+                        a.innerText = element["title"];
+                        li.appendChild(a);
+                        ul.appendChild(li);
+                    });
+                    this.appendChild(ul);
+                } else {
+                    let p = document.createElement("p");
+                    p.innerText = "Leider konnte dieser Inhalt nicht geladen werden, bitte versuche die Seite neu zu laden oder komme später wieder zurück";
+                    this.appendChild(p);
+
+                }
             }
         }
         xhr.open("GET", "/API/getBlogElements.php?position=footer");
diff --git a/js/customElements/blogIndex.js b/js/customElements/blogIndex.js
index 636433ea8c20b67e73dbf932d13ebb4635faa75e..d6f11a7803aa131bbc25fb49912c3f8f9f222f1b 100644
--- a/js/customElements/blogIndex.js
+++ b/js/customElements/blogIndex.js
@@ -4,18 +4,26 @@ class BlogIndex extends HTMLElement {
         let xhr = new XMLHttpRequest();
         let ul = document.createElement("ul");
         xhr.onreadystatechange = () => {
-            if(xhr.readyState === 4 && xhr.status === 200){
-                let blog = JSON.parse(xhr.responseText);
-                blog.forEach((element) => {
-                    this.innerHTML += `
+            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>
                     `;
-                });
-                this.appendChild(ul);
+                    });
+                    this.appendChild(ul);
+
+                } else {
+                    let p = document.createElement("p");
+                    p.innerText = "Leider konnte dieser Inhalt nicht geladen werden, bitte versuche die Seite neu zu laden oder komme später wieder zurück";
+                    this.appendChild(p);
+
+                }
             }
         }
         xhr.open("GET", "/API/getBlogElements.php?position=index");
diff --git a/js/customElements/commentsDisplay.js b/js/customElements/commentsDisplay.js
index 3cf94e246b2e630bc5136d8765e9644ca43c5e58..91984cf3333c721241085d269617266516c0324d 100644
--- a/js/customElements/commentsDisplay.js
+++ b/js/customElements/commentsDisplay.js
@@ -7,10 +7,11 @@ class commentsDisplay extends HTMLElement {
 
         let xhr = new XMLHttpRequest();
         xhr.onreadystatechange = () => {
-            if (xhr.readyState === 4 && xhr.status === 200){
-                let comments = JSON.parse(xhr.responseText);
-                comments.forEach((element) => {
-                    this.innerHTML += `
+            if (xhr.readyState === 4) {
+                if (xhr.status === 200) {
+                    let comments = JSON.parse(xhr.responseText);
+                    comments.forEach((element) => {
+                        this.innerHTML += `
                         <h3 class="commentTitle">${element["name"]}</h3>
                         <div class="comment">
                             <img src="${element["gravatarURL"]}">
@@ -19,7 +20,13 @@ class commentsDisplay extends HTMLElement {
                             </article>
                         </div>
                     `;
-                });
+                    });
+                } else {
+                    let p = document.createElement("p");
+                    p.innerText = "Leider konnte dieser Inhalt nicht geladen werden, bitte versuche die Seite neu zu laden oder komme später wieder zurück";
+                    this.appendChild(p);
+
+                }
             }
         }
         xhr.open("GET", "/API/projectComments.php?article=" + pageName);