mauriciogc

const myWorker = new Worker("src/worker.js"); // A
myWorker.postMessage('Message from index.html'); // B

mauriciogc

onmessage = (e) => {
  console.log(e.data);

  const { name } = e.data;
  postMessage({
    type: "success",
    message: `Hello ${name} from worker.js`
  });

  close(); //<--

mauriciogc

if (typeof Worker === "undefined") { 
  document.getElementById("app").innerHTML = "Sorry, your browser does not support Web Workers...";
} else {
  //...
  myWorker.addEventListener('message', e => {
    document.getElementById("app").innerHTML = e.data; // A
    console.log("=> ", e.data); 
  });
}

mauriciogc

onmessage = (e) => {
  timedCount(); // D
};

// A
function timedCount() {
  let i = 0;
  setInterval(() => {
    i++;    
    postMessage(i); // B

mauriciogc

if (typeof Worker === "undefined") {
  document.getElementById("app").innerHTML = "Sorry, your browser does not support Web Workers...";
} else {
  const myWorker = new Worker("src/worker.js");
  myWorker.postMessage("");
}

mauriciogc

onmessage = (e) => {
  console.log(e.data);
  //postMessage();
};

mauriciogc

if (typeof Worker === "undefined") { 
  //...
} else {
  //...

  myWorker.addEventListener('message', e => {
    console.log(e.data); 

    myWorker.terminate(); // <-
  });

mauriciogc

if (typeof Worker === "undefined") { 
  //...
} else {
  //...

  myWorker.addEventListener('message', e => {
    console.log(e.data); 

    myWorker.terminate(); // <-
  });

mauriciogc

onmessage = (e) => {
  console.log(e.data);

  const { name } = e.data;
  postMessage({
    type: 'success',
    message: `Hello ${name} from worker.js`
  });
};

mauriciogc

if (typeof Worker === "undefined") { 
  //...
} else {
  //...

  // A
  myWorker.addEventListener('message', e => {
    console.log(e.data); // B
  });
}