Question

PLs someone pls help me by editing my code to calculate the 4 pair of range to calculate the prime numbers by using web workers(You will have to use 4 workers).

(I already have the code to manipulate the prime numbers but I need your help with web worker part)(code is below)

Can someone pls help with the code of computing prime number for four pair of an integer values by using web worker concept ! Appreciate all the effort!

--create a program using html5, css3, and javascript(In javascript pls use web workers for thread to compute the number of prime numbers in that range ).

--The interface permits the user to compute the number of primes in ranges of integer values.
--The interface should present the user with 4 pairs of "number" boxes in which 4 pairs of integer values can be entered.

(you will need four workers to compute the thread)

-- Each pair of values should be used by a thread to compute the number of prime numbers in that range, inclusive.
-- If any box is empty, then no thread should be created to compute the (empty) range.
--Provide a start button that the user can click when the above values have been entered.
--Finally, when the computation is complete, the number of primes in all ranges should be displayed on the page with a brief meaningful message.

--It is valid to assume that no range of numbers will include a number smaller than 3. All ranges are inclusive.

please take an idea of how the output should look like in the below picture!

Answer 1

***************Main.Js************************

// This is my main.js file

// First fetch data from boxes using getElementById
// Let's say i have number pair as:

var left1 = 1
var right1 = 8

var left2 = 1
var right2 = 8

var left3 = 1
var right3 = 8

// var left4 is empty
// var right4 is empty

var count=0;

// Now, Let's call worker for each pair...
// so, we have a worker.js file to compute prime in range
if(left1!=null){
   var worker1 = new Worker('worker.js');

   // sending param to worker to compute
   worker1.postMessage({left:left1,right:right1});

   // Listener to get return value from worker
   worker1.addEventListener('message', function(e) {
       count = count + e.data;
   }
}

if(left2!=null){
   var worker2 = new Worker('worker.js');
   worker2.postMessage({left:left2,right:right2});
   worker3.addEventListener('message', function(e) {
       count = count + e.data;
   }
}

if(left3!=null){
   var worker3 = new Worker('worker.js');
   worker3.postMessage({left:left3,right:right3});
   worker3.addEventListener('message', function(e) {
       count = count + e.data;
   }
}

if(left4!=null){
   var worker4 = new Worker('worker.js');
   worker4.postMessage({left:left4,right:right4});
   worker4.addEventListener('message', function(e) {
       count = count + e.data;
   }
}

// Now, you have total no of prime in count variable you can use it.

************Worker.Js******************

// This is worker.js file

self.addEventListener('message', function(e,f) {
  
// let's say prime_in_range function will find no of prime...
var count = prime_in_range(e.data.left,f.data.right);

// sending back count to main thread
self.postMessage(count);
self.close();
}