remove the requirements check

The requirements were updated in the pages without any interactivity. Now, the quizzes and playfields are updated first an then the requirements to pass the step are updated. This way, we can remove the requirements update from the pages.

Author: niccokunzmann

de/00-01.html

@@ -19,8 +19,3 @@
   Du kannst immer zwischen allen Schritten des Tutorials springen, indem du
   du Kreise oben auf der Seite verwendest.
 </p>
-<script type="text/javascript">
-  window.addEventListener("load", function(){
-    updateRequirements(); // nächste Seite grün machen
-  });
-</script>

de/50-01.html

@@ -27,10 +27,3 @@ <h3>Feedback</h3>
 <ul>
   <li>Ich fand es gut in kleinen Schritten erklärt. - <a target="_blank" href="https://github.com/kirstin">kirstin</a></li>
 </ul>
-
-
-<script type="text/javascript">
-  window.addEventListener("load", function(){
-    updateRequirements(); // nächste Seite grün machen
-  });
-</script>

en/00-01.html

@@ -17,8 +17,3 @@
   You can always go back and forth between the steps of the tutorial using the
   circles on the top of the page.
 </p>
-<script type="text/javascript">
-  window.addEventListener("load", function(){
-    updateRequirements(); // nächste Seite grün machen
-  });
-</script>

en/50-01.html

@@ -21,9 +21,3 @@
     <a target="_blank" href="{{ site.sourcecode.pullrequest }}">pull request</a>.
   </li>
 </ul>
-
-<script type="text/javascript">
-  window.addEventListener("load", function(){
-    updateRequirements(); // nächste Seite grün machen
-  });
-</script>

js/playfield.js

@@ -151,7 +151,10 @@ function getPlayfieldElement(playfield, index, name) {
   return playfieldElements[0];
 }
 
-window.addEventListener("load", function(){
+function loadPlayfields(){
+  if (playfieldsLoaded) {
+    return;
+  }
   var playfields = document.getElementsByClassName("playfield");
   for (var i = 0; i < playfields.length; i += 1) {
     var playfield = playfields[i];
@@ -165,7 +168,8 @@ window.addEventListener("load", function(){
     }
   }
   playfieldsLoaded = true;
-});
+}
+window.addEventListener("load", loadPlayfields);
 
 window.addEventListener("keypress", function(event){
   if (event.which === 13 || event.keyCode === 13) {

js/quiz.js

@@ -1,3 +1,6 @@
+
+var quizzesLoaded = false;
+
 function prependChoice(choice, correctness) {
     var div = document.createElement("span");
     div.classList.add("button");
@@ -54,7 +57,10 @@ function getQuizElement(quiz, index, name) {
   return playfieldElements[0];
 }
 
-window.addEventListener("load", function(){
+function loadQuizzes(){
+  if (quizzesLoaded) {
+    return;
+  }
   var quizzes = document.getElementsByClassName("quiz");
   for (var i = 0; i < quizzes.length; i += 1) {
     var quiz = quizzes[i];
@@ -63,4 +69,6 @@ window.addEventListener("load", function(){
 
     watchQuiz(quiz, expression, choices, i);
   }
-});
+  quizzesLoaded = true;
+}
+window.addEventListener("load", loadQuizzes);

js/requirements.js

@@ -57,8 +57,9 @@ function updateLinks() {
   }
 }
 
-window.addEventListener("load", function(){
-  updateLinks();
-});
-
-
+function loadRequirements(){
+  loadPlayfields();
+  loadQuizzes();
+  updateRequirements(); // turn pages green if they are not interactive
+};
+window.addEventListener("load", loadRequirements);

sv/00-01.html

@@ -16,8 +16,3 @@
   Du kan gå vidare till nästa steg genom att klicka på knappen nedan.
   Du kan alltid gå fram och tillbaka mellan stegen med hjälp av cirklarna på toppen av sidan.
 </p>
-<script type="text/javascript">
-  window.addEventListener("load", function(){
-    updateRequirements(); // nächste Seite grün machen
-  });
-</script>