Fixed Mathjax script run before p5 loads elements

TerribleCoding · TerribleCoding · commit c7e69fce5bc1 · 2021-06-22T19:49:05.000+02:00
diff --git a/pages/equations.html b/pages/equations.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../style.css">
     <link rel="stylesheet" type="text/css" href="equations.css">
     <link rel="icon" type="image/x-icon" href="../assets/ico/favicon.ico">
+    <!-- MathJax-script loaded dynamically by equations.js -->
 </head>
 
 <body>
diff --git a/pages/equations.js b/pages/equations.js
@@ -63,11 +63,11 @@ function setup() {
             cards[i].append(title, innerContainer);
         }
     }
-}
 
-// load MathJax after all
-let mathjax = document.createElement('script');
-mathjax.id = "MathJax-script";
-mathjax.src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js';
-mathjaxsetAttribute('async', '');
-document.head.appendChild(mathjax);
+    // load MathJax after all
+    let mathjax = document.createElement('script');
+    mathjax.id = "MathJax-script";
+    mathjax.src = "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js";
+    mathjax.defer = true;
+    document.head.appendChild(mathjax);
+}
