title: What is the difference between event function Object with parameter and without parameter
body: <p>What is the difference if I pass the parameter to the function of the event or not, because if I do not put it, it will do the same job if I put the parameter
  Examples</p>
  <pre><code>let btn = document.getElementById(&quot;btn&quot;);
  let p = document.getElementById(&quot;p&quot;);
  
  function draw(x, y) {
      let div = document.createElement(&quot;div&quot;);
      div.innerText = 'x';
      div.style.position = 'absolute';
      div.style.top = y + 'px';
      div.style.left = x + 'px';
      document.body.append(div);
  }
  
  document.body.onclick = funcation(event){
      draw(event.clientX, event.clientY)
  }
  
  document.body.onclick = function () {
      console.log(event.clientX, event.clientY)
  }
  </code></pre>