fix: hide results in lorem ipsum until data

codebubb · codebubb · commit 35c4c93568da · 2023-11-16T14:05:41.000Z
diff --git a/15-lorem-ipsum/script.js b/15-lorem-ipsum/script.js
@@ -12,6 +12,7 @@ const getLoremIpsum = numberOfParagraphs => {
 
 const updateResult = textArray => {
     const resultElement = document.getElementById('result');
+    resultElement.classList.add('show');
     resultElement.innerHTML = '';
     resultElement.innerHTML = textArray
         .map(paragraph => `<p>${paragraph}</p>`)
@@ -20,6 +21,7 @@ const updateResult = textArray => {
 };
 
 const showError = error => {
+    resultElement.classList.add('show');
     const resultElement = document.getElementById('result');
     resultElement.innerHTML = '';
     resultElement.innerHTML = `<p class="error">${error.message}</p>`
diff --git a/15-lorem-ipsum/styles.css b/15-lorem-ipsum/styles.css
@@ -13,6 +13,11 @@
     border: 1px dashed gray;
     font-size: .75rem;
     position: relative;
+    display: none;;
+}
+
+#result.show {
+    display: block;
 }
 
 .copy {
