title: Passing parameters to eventListener function
body: <p>I have this function check(e) that I'd like to be able to pass parameters from test() when I add it to the eventListener. Is this possible? Like say to get the mainlink variable to pass through the parameters. Is this even good to do?</p>
  
  <p>I put the javascript below, I also have it on jsbin: <a href="http://jsbin.com/ujahe3/9/edit" rel="nofollow">http://jsbin.com/ujahe3/9/edit</a></p>
  
  <pre><code>function test() {
    if (!document.getElementById('myid')) {
    var mainlink = document.getElementById('mainlink');
    var newElem = document.createElement('span');
    mainlink.appendChild(newElem);
    var linkElemAttrib = document.createAttribute('id');
    linkElemAttrib.value = "myid";
    newElem.setAttributeNode(linkElemAttrib);
  
    var linkElem = document.createElement('a');
    newElem.appendChild(linkElem);
  
    var linkElemAttrib = document.createAttribute('href');
    linkElemAttrib.value = "jsbin.com";
    linkElem.setAttributeNode(linkElemAttrib);
  
    var linkElemText = document.createTextNode('new click me');
    linkElem.appendChild(linkElemText);
  
    if (document.addEventListener) {
    document.addEventListener('click', check/*(WOULD LIKE TO PASS PARAMETERS HERE)*/, false);                       
    };
  };
  };
  
  function check(e) {
    if (document.getElementById('myid')) {
      if (document.getElementById('myid').parentNode === document.getElementById('mainlink')) {
        var target = (e &amp;&amp; e.target) || (event &amp;&amp; event.srcElement); 
        var obj = document.getElementById('mainlink'); 
        if (target!= obj) {
          obj.removeChild(obj.lastChild);
        };
      };
    };
  };
  </code></pre>