fix loader

dianait · Mar 16, 2023 · 2c8e8c0 · 2c8e8c0 · vercel · Mar 16, 2023
1 parent a318eb2
commit 2c8e8c0
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -36,6 +36,5 @@ <h2 class="question">Would you rather be a cat or a dog?</h2>
   </footer>
 </body>
 <script type="module" src="./js/getQuestion.js"></script>
-<script src="./js/loader.js"></script>
 
 </html>
diff --git a/js/getQuestion.js b/js/getQuestion.js
@@ -4,6 +4,16 @@ const myButton = document.querySelector(".my-button");
 const output = document.querySelector(".question");
 myButton.onclick = getQuestion;
 
+var loadingDiv = document.getElementById('loading');
+
+function showSpinner() {
+  loadingDiv.style.visibility = 'visible';
+}
+
+function hideSpinner() {
+  loadingDiv.style.visibility = 'hidden';
+}
+
 async function getQuestion() {
   showSpinner()
   const data = {

diff --git a/js/loader.js b/js/loader.js