From 5970eb3333678f3d7e3fd0b285f54f244d4999f1 Mon Sep 17 00:00:00 2001
From: Marcial Abrahantes <4205668+Marcial1234@users.noreply.github.com>
Date: Mon, 30 Dec 2024 05:04:27 -0600
Subject: [PATCH] Match `simple-shared-worker/multiply.js` to use same
event-handler loop as `simple-web-worker/main.js` (#284)
* Match `simple-shared-worker/multiply.js` to use same event-handler loop logic as `simple-web-worker/main.js`
* `myWorker.postMessage` => `myWorker.port.postMessage`
* Update web-workers/simple-shared-worker/multiply.js
* Update web-workers/simple-shared-worker/multiply.js
---------
Co-authored-by: Brian Smith <brian@smith.berlin>
---
web-workers/simple-shared-worker/multiply.js | 17 +++++++----------
1 file changed, 7 insertions(+), 10 deletions(-)
diff --git a/web-workers/simple-shared-worker/multiply.js b/web-workers/simple-shared-worker/multiply.js
index 3bc592ef..b3612a34 100644
--- a/web-workers/simple-shared-worker/multiply.js
+++ b/web-workers/simple-shared-worker/multiply.js
@@ -6,17 +6,14 @@ const result1 = document.querySelector(".result1");
if (!!window.SharedWorker) {
const myWorker = new SharedWorker("worker.js");
- first.onchange = function () {
- myWorker.port.postMessage([first.value, second.value]);
- console.log("Message posted to worker");
- };
-
- second.onchange = function () {
- myWorker.port.postMessage([first.value, second.value]);
- console.log("Message posted to worker");
- };
+ [first, second].forEach(input => {
+ input.onchange = () => {
+ myWorker.port.postMessage([first.value, second.value]);
+ console.log('Message posted to worker');
+ }
+ })
- myWorker.port.onmessage = function (e) {
+ myWorker.port.onmessage = (e) => {
result1.textContent = e.data;
console.log("Message received from worker");
console.log(e.lastEventId);