title: Removing an event listener the proper way
body: <p>How do I properly remove an event listener...</p>
  
  <pre><code>function createMaze() {
      var x;  
      for (x = 0; x &lt; 4; x++) { 
          var mazeBlock = document.createElement('div');
          document.body.appendChild(mazeBlock);
          mazeBlock.setAttribute('class', 'blockStyle');
          mazeBlock.setAttribute('id', 'mazeBlock'+x);
          mazeBlock.addEventListener( 'click', function(){ eventCall(this) } );   
      }
  }
  
  function eventCall(t) {
      alert( t.id );
      t.removeEventListener(); //...know that I'm missing something here.
  // Also in my code, this remove will not happen here but be initiated somewhere else in the script.
  
  }
  </code></pre>
  
  <p>I did bunch of <a href="https://stackoverflow.com/questions/3106605/removing-an-anonymous-event-listener">digging</a> and the top answer there suggest to add the listener to an object for easier removal but... I'm not sure how to accomplish that</p>