demo start button

src/src/module/demo/demo.html

@@ -23,25 +23,29 @@
     <h3>SHA256 (PretzelPass - Total Knowledge)</h3>
     <p>Guesses: <span id="pretzel2-guesses"></span></p>
     <p>Found: <span id="pretzel2-result"></span></p>
+    <br>
+    <button id="start">Start</button>
   </body>
   <script>
-    var workers = [
-      new Worker("aes-worker.js"),
-      new Worker("hash-worker.js"),
-      new Worker("pretzel-worker.js"),
-      new Worker("pretzel-worker2.js")
-    ]
-    
-    var t1 = performance.now()
-    
-    workers.forEach(worker => {
-      worker.onmessage = function (e) {
-        document.getElementById(e.data.method+'-guesses').innerHTML = e.data.guesses
-        if (e.data.result) {
-          var totalTime = performance.now() - t1
-          document.getElementById(e.data.method+'-result').innerHTML = e.data.result + ' ('+totalTime+'ms)'
+    document.getElementById('start').addEventListener('click', () => {
+      var workers = [
+        new Worker("aes-worker.js"),
+        new Worker("hash-worker.js"),
+        new Worker("pretzel-worker.js"),
+        new Worker("pretzel-worker2.js")
+      ]
+
+      var t1 = performance.now()
+
+      workers.forEach(worker => {
+        worker.onmessage = function (e) {
+          document.getElementById(e.data.method+'-guesses').innerHTML = e.data.guesses
+          if (e.data.result) {
+            var totalTime = performance.now() - t1
+            document.getElementById(e.data.method+'-result').innerHTML = e.data.result + ' ('+totalTime+'ms)'
+          }
         }
-      }
+      })
     })
   </script>
 </html>
\ No newline at end of file