title: Click listener fires twice
body: <p>I'm creating Simon game as Freecodecamp challenge, I finished basic things, now I'm struggling with reseting game. I have a function that reset it, clearing arrays, timeouts etc.</p>
  
  <p>Problem is when I start new game with clicking start button again, it resets, starts new game, but clicking color fires pushing the color twice in player array.</p>
  
  <p>Here is some code: <a href="https://codepen.io/merko30/pen/aYYBjJ" rel="nofollow noreferrer">codepen</a></p>
  
  <pre><code>        function reset() {
          clearTimeout(repeating);
          clearTimeout(genColor);
          pickedColors = []; // computer random colors
          guessingColors = []; //colors that player picks, should match picked ones
          gameOn = false;
          countNumber = 0;  
      }
  
       function game() {
  // Counting
    console.log(pickedColors, guessingColors);
        counter.innerHTML = countNumber;
  // New color
            genRandom = setTimeout(() =&gt; {
               getRandomColor();
                }, 5);
          guessingColors = [];
   // Add click listener for each color
    for(let i=0; i&lt;colors.children.length; i++) {
      // Guessing
  
      colors.children[i].addEventListener("click", function(e) {
        if(!running) {
          // Add clicked color to user clicked array
            guessingColors.push(this);
          console.log(guessingColors);
        // Add animation class
          clickClass(this);
        } else {
          e.stopPropagation();
        }
  
      // repeating.....
  </code></pre>
  
  <p><code>running</code> is a boolean for stopping click listener when computer turn is..</p>