startBackgroundtasks.js

  startBackgroundTasks() {
    console.info('Background Tasks have begun.');
    // Subtlety: Data is reset if start is clicked multiple times repeated clicks.
    this.totalTaskCount = 0;
    this.currentTaskNumber = 0;
    this.updateDisplay();

    // Create a bunch of tasks.
    const n = this.getRandomIntInclusive(200, 400);
    for (let i = 0; i < n; i++) {
      const taskData = {
        // The amount of elements that will be created in this task.
        count: this.getRandomIntInclusive(150, 300),
        // The text that will be rendered in the element.
        text: `This text is from task number ${(i + 1).toString()} of ${n}`
      };
      this.enqueueTask(this.logTaskHandler, taskData);
    }
  }