ajusta exemplos de worker

kodo-ninja · Oct 17, 2015 · c50a628 · c50a628
1 parent 04fcb03
commit c50a628
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 16 deletions.
diff --git a/com_web_worker/app2.js b/com_web_worker/app2.js
@@ -1,10 +1,13 @@
 var wk = new Worker('web_worker.js');
 var algumArray = [1, 2, 3];
 
-wk.addEventListener('message', ({data}) => {
-   console.log(data); // [10, 20, 30]
-});
+document.getElementById('btn-processo').addEventListener('click', () => {
+  document.getElementById('resultado').innerText = 'carregando';
 
-document.getElementById('').addEventListener('click', () => {
-   wk.postMessage(algumArray); // [1, 2, 3]
-});
+  wk.addEventListener('message', (ev) => {
+     console.log(ev.data.array); // [10, 20, 30]
+     document.getElementById('resultado').innerText = ev.data.soma;
+  });
+
+  wk.postMessage(algumArray); // [1, 2, 3]
+})
diff --git a/com_web_worker/index2.html b/com_web_worker/index2.html
@@ -6,11 +6,11 @@
 
     <body>
         <main>
-           <button type="button">processa algo lento</button>
+           <button type="button" id="btn-processo">processa algo lento</button>
            <p>resultado: <span id="resultado"></span> </p>
         </main>
 
-        <script src="app2.js"></script>
-        <script src="web_worker.js"></script>
+        <script src="./app2.js"></script>
+        <script src="./web_worker.js"></script>
     </body>
 </html>
diff --git a/com_web_worker/web_worker.js b/com_web_worker/web_worker.js
@@ -1,5 +1,10 @@
-self.onmessage = ({data}) => {
-    var resultArray = data.map((i) => i * 10);
-
-    postMessage(resultArray); // posting [10, 20, 30]
+self.onmessage = (ev) => {
+    var resultArray = ev.data.map((i) => i * 10);
+    var soma = 0;
+
+    resultArray.forEach((r) => {
+      soma += r;
+    });
+
+    postMessage({array: resultArray, soma: soma});
 }
diff --git a/sem_web_worker/app1.js b/sem_web_worker/app1.js
@@ -1,4 +1,16 @@
 var algumArray = [1, 2, 3];
 var resultadoAlgumArray = algumArray.map((i) => i * 10);
+var soma = 0;
 
-console.log(resultadoAlgumArray); // [10, 20, 30]
+document.getElementById('btn-processo').addEventListener('click', () => {
+  document.getElementById('resultado').innerText = 'carregando';
+
+  resultadoAlgumArray.forEach((r) => {
+    soma += r;
+  });
+
+  console.log(resultadoAlgumArray); // [10, 20, 30]
+  console.log(soma); // [10, 20, 30]
+
+  document.getElementById('resultado').innerText = soma;
+})
diff --git a/sem_web_worker/index1.html b/sem_web_worker/index1.html
@@ -6,10 +6,10 @@
 
     <body>
         <main>
-           <button type="button">processa algo lento</button>
+           <button type="button" id="btn-processo">processa algo lento</button>
            <p>resultado: <span id="resultado"></span> </p>
         </main>
 
-        <script src="app1.js"></script>
+        <script type="text/javascript" src="./app1.js"></script>
     </body>
 </html>