text: const app = function () {
      const myData = {};
      const feedID = "1X2raQeBqfGLZ8DLyJAsPkQI814zkETyS--jIXYfn-l0";
      const output = document.querySelector('.output');
      let game = {};
      //
      function init() {
          loadJSON();
      }
  
      function loadOutput() {
          console.log(myData);
          let select = document.createElement('select');
          let firstRun = true;
          for (let key in myData) {
              console.log(key);
              let option = document.createElement('option');
              option.value = key;
              option.textContent = key;
              select.appendChild(option);
              if (firstRun) {
                  firstRun = false;
                  quizBuilder(key);
              }
          }
          select.addEventListener('change', outputQuiz);
          document.querySelector('#dropDownList').appendChild(select);
      }
  
      function outputQuiz(e) {
          quizBuilder(e.target.value);
      }
  
      function quizBuilder(quizName) {
          console.log(myData[quizName]);
          game.page = 0;
          game.score = 0;
          game.curQuiz = myData[quizName];
          game.totalQuestions = game.curQuiz.length;
          questioner();
      }
  
      function percentage(partialV, totalV) {
          return Math.floor((100 * partialV) / totalV);
      }
  
      function questioner() {
          console.log(game);
          output.innerHTML = "";
          if (game.page >= game.totalQuestions) {
              console.log("game over");
              let playerscore = percentage(game.score, game.totalQuestions);
              output.innerHTML = '<div class="scoreOutput">Game Over</div>';
              output.innerHTML += '<div class="scoreOutput">Your score is ' + playerscore + '%</div>';
          }
          else {
              let holder = game.curQuiz[game.page];
              let div = document.createElement('div');
              div.textContent = holder.question;
              div.className += " myQ ";
              output.appendChild(div);
              let tempArray = [];
              for (let key in holder) {
                  console.log(holder[key]);
                  if (key != "question") {
                      let ans = holder[key]
                      let res = false;
                      if (key == "correct") {
                          res = true;
                      }
                      if (ans) {
                          tempArray.push({
                              answer: ans
                              , status: res
                          });
                      }
                  }
              }
              console.log(tempArray);
              shuffleArray(tempArray);
              let div2 = document.createElement('div');
              for (let i = 0; i < tempArray.length; i++) {
                  let span = document.createElement('span');
                  span.checkme = tempArray[i].status;
                  span.addEventListener('click', checkAnswer);
                  span.className += " btnAns ";
                  span.textContent = tempArray[i].answer;
                  div2.appendChild(span);
              }
              output.appendChild(div2);
          }
      }
  
      function shuffleArray(array) {
          for (let i = array.length - 1; i > 0; i--) {
              let j = Math.floor(Math.random() * (i + 1));
              let temp = array[i];
              array[i] = array[j];
              array[j] = temp;
          }
      }
  
      function checkAnswer(e) {
          console.log(e.target.checkme);
          let responder = "Sorry Incorrect";
          if (e.target.checkme) {
              game.score++;
              responder = "Correct";
          }
          game.page++;
          let allButtons = document.querySelectorAll('.btnAns');
          allButtons.forEach(function (userItem) {
              userItem.removeEventListener('click', checkAnswer);
          })
          let div = document.createElement('div');
          let nextText = "Next Question";
          if (game.page >= game.totalQuestions) {
              nextText = "see Results";
          }
          div.innerHTML = "<h2>" + responder + "</h2><span class='btnAns'>" + nextText + "</span>";
          div.addEventListener('click', function () {
              questioner();
          })
          output.appendChild(div);
      }
  
      function loadJSON() {
          let urls = [];
          for (let x = 1; x < 5; x++) {
              urls.push("https://spreadsheets.google.com/feeds/list/" + feedID + "/" + x + "/public/values?alt=json");
          }
          //console.log(urls);
          Promise.all(urls.map(function (url) {
              return fetch(url).then(function (rep) {
                  return rep.json()
              }).then(function (data) {
                  let tempArray = [];
                  let sheetName = data.feed.title.$t;
                  data.feed.entry.forEach(function (element) {
                      let holder = {};
                      for (let key in element) {
                          if (key.substring(0, 3) == "gsx") {
                              holder[key.split('$')[1]] = element[key].$t;
                          };
                      }
                      tempArray.push(holder);
                  })
                  return {
                      key: sheetName
                      , value: tempArray
                  }
              })
          })).then(function (data) {
              //console.log(data);
              for (let i = 0; i < data.length; i++) {
                  myData[data[i].key] = data[i].value;
              }
              loadOutput(myData);
          })
      }
  
      function loadJSON2() {
          const url = "https://spreadsheets.google.com/feeds/list/" + feedID + "/1/public/values?alt=json";
          fetch(url).then(function (res) {
              return res.json()
          }).then(function (data) {
              let tempArray = [];
              let sheetName = data.feed.title.$t;
              data.feed.entry.forEach(function (element) {
                  let holder = {};
                  for (let key in element) {
                      if (key.substring(0, 3) == "gsx") {
                          holder[key.split('$')[1]] = element[key].$t;
                      };
                  }
                  tempArray.push(holder);
              })
              console.log(tempArray);
          })
      }
      return {
          init: init
      }
  }();
  document.addEventListener('DOMContentLoaded', app.init);