str

src/render.js

@@ -9,7 +9,11 @@ export class Renderer {
   iconCache = [];
   iconScale = 0.20;
 
-  constructor() {
+  constructor(dataStream, strikeHandler) {
+
+    this.dataStream = dataStream;
+    this.strikeHandler = strikeHandler;
+
     this.numStaves = 6;
     this.currStaveNumber = 1;
 
@@ -23,7 +27,10 @@ export class Renderer {
     this.timeIndicator.addEventListener("animationiteration", () => {
       this.currStaveNumber++;
       if (this.currStaveNumber > this.numStaves) {
-        this.cleanUpAndRestart();
+        this.dataStream.removeEventListener("strike", this.strikeHandler);
+        setTimeout( () =>{this.dataStream.addEventListener("strike", this.strikeHandler);
+        this.cleanUpAndRestart();}, 60000);
+        
       }
     });
 

src/script.js

@@ -6,17 +6,14 @@ import { Renderer } from "./render.js";
 document.addEventListener("DOMContentLoaded", async () => {
 
   const midiAccess = await navigator.requestMIDIAccess();
+  const dataStream = new DataStream();
   const conductor = new Conductor();
   await conductor.init();
-  const dataStream = new DataStream();
   const instruments = await conductor.instruments;
   let strikes = 0;
   const strikeEvery = 2;
 
-
+  const strikeHandler = () => {
-  const renderer = new Renderer();
-
-  dataStream.addEventListener("strike", () => {
     console.log(strikes);
     //** select instrument */
     if (strikes === strikeEvery){
@@ -34,7 +31,12 @@ document.addEventListener("DOMContentLoaded", async () => {
       strikes = 0;
     }
     strikes++;
-  });
+
+  };
+
+  const renderer = new Renderer(dataStream, strikeHandler);
+
+  dataStream.addEventListener("strike", strikeHandler);
 
   dataStream.init();