title: Can add more than one event handler with onclick
body: <p>The following link says I can add only one event handler per item. </p>
  
  <p><a href="https://stackoverflow.com/questions/14135126/onclick-vs-addeventlistener?lq=1">Onclick vs addEventListener</a></p>
  
  <p>I created a text box and added two functions test1() and test2(). They worked nicely but according to the link only one should work. Can you please explain what is happening here. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  &lt;head&gt;
      &lt;script type="text/javascript" src="register1.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;form method="post" name="formRegister"&gt;
      &lt;input id="namel" type="text" maxlength="5" name="txtFirstName" value="Tanvir" onclick="test1();test2();"&gt;
  
  &lt;/form&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The js code :</p>
  
  <pre><code>function test1()
  {
      alert(" alert one ");
  }
  
  function test2()
  {
      var i = 12;
      alert(" alert two " + i);
  }
  </code></pre>