diff --git a/JavaScript/javaScriptDom/06-Quote-Generator-App/index.html b/JavaScript/javaScriptDom/06-Quote-Generator-App/index.html
index 5e8e3e7..38cd0a6 100644
--- a/JavaScript/javaScriptDom/06-Quote-Generator-App/index.html
+++ b/JavaScript/javaScriptDom/06-Quote-Generator-App/index.html
@@ -7,8 +7,44 @@
Quote generator
-
- Hello
+
+
+
+
+
+
diff --git a/JavaScript/javaScriptDom/06-Quote-Generator-App/src/js/app.js b/JavaScript/javaScriptDom/06-Quote-Generator-App/src/js/app.js
index e69de29..2151b6a 100644
--- a/JavaScript/javaScriptDom/06-Quote-Generator-App/src/js/app.js
+++ b/JavaScript/javaScriptDom/06-Quote-Generator-App/src/js/app.js
@@ -0,0 +1,25 @@
+const blocquoteTextEl = document.querySelector("blockquote > p");
+const btnEl = document.querySelector("main > button");
+const API_URL = "https://api.adviceslip.com/advice";
+
+async function getQuote() {
+ try {
+ const fetchQuote = await fetch(API_URL);
+ const JsonData = fetchQuote.json();
+ return JsonData;
+ } catch (error) {
+ console.error("Some network error: ", error);
+ }
+}
+
+async function showQuote() {
+ const QuoteData = await getQuote();
+ console.log(QuoteData);
+ blocquoteTextEl.innerText = QuoteData.slip.advice;
+}
+
+btnEl.addEventListener("click", () => {
+ showQuote();
+});
+
+showQuote();