Upgrade

index.html

@@ -45,6 +45,7 @@
         <button id="form" class="btn form-s" onclick="filterSelection('form')">form→  <span class='symbol form-s'>Y</span> </button>
     </div>
     <div id="words" class="words">
+        
     </div>
     </div>
     </body>
@@ -101,6 +102,6 @@ form[i].innerHTML += "<span class='symbol form-s'>Y</span>";
 
 
         </script>
-        <script type="text/javascript" src="glossary.js"></script>
+        <!-- <script type="text/javascript" src="glossary.js"></script> -->
         <script src="main.js"></script>
     </html>

main.js

@@ -1,6 +1,8 @@
 /////// Make the website //////
 
 
+fetch("glossary.json").then(response => response.json()).then(data => glossary = data).then(()=>{
+
   function voices(voices) {
     return `
       ${voices.map((voice) => `<p>${voice}</p>`).join("")}
@@ -25,6 +27,13 @@ function wordTemplate(word) {
   
   document.getElementById("words").innerHTML = `${glossary.map(wordTemplate).join("")}`
 
+  console.log(glossary)
+
+}); ///// END OF FETCH!!!!!!
+
+
+
+