Merge pull request #4 from ryfazrin/3.2.0/execute-web-worker

3.2.0/update execute in web worker

Author: ryfazrin

src/worker.js

@@ -3,12 +3,10 @@ const iterateCount = 1000;
 this.addEventListener("message", event => {
   const start =  performance.now();
 
-  const counts = [];
   for (let i = 0; i < iterateCount; i++) {
-    counts.push(i);
-    console.log(i);
+    this.postMessage({num: i});
   }
 
   const duration = performance.now() - start;
-  this.postMessage({duration: duration.toFixed(1), counts});
+  this.postMessage({duration: duration.toFixed(1)});
 });

worker.html

@@ -56,6 +56,15 @@ <h1>Web Worker</h1>
 
       function workerJob (resolve, reject) {
         worker.addEventListener("message", event => {
+          // write number in DOM
+          test(event.data.num);
+          // clean number
+          OUTPUT.textContent = '';
+
+          if (!event.data.duration) {
+            return;
+          }
+
           const duration = event.data.duration;
 
           runs.push(Number(duration));
@@ -69,13 +78,6 @@ <h1>Web Worker</h1>
           resultTr.appendChild(resultTh);
           resultTr.appendChild(resultTd);
           RESULTS.appendChild(resultTr);
-      
-          const testCount = event.data.counts;
-          testCount.forEach(item => {
-            test(item);
-          });
-      
-          OUTPUT.textContent = '';
 
           if (event !== null) {
             resolve(runId);