title: How to reverse onClick event?
body: <p>I wanted to add inner shadow to a search box when the user clicks on it so I used this simple code :</p>
  
  <pre><code>function shadow()
  {
  document.getElementById("search2").style.boxShadow="inset 0px 0px 12px 0px rgba(0,0,0,0.75)";
  }
  </code></pre>
  
  <p>And the markup :</p>
  
  <pre><code>&lt;input type="search" onClick="shadow()"&gt; 
  </code></pre>
  
  <p>So that when you click on the search box, the "search2" div gets an inner shadow and it works.
  But I want to know how to reverse this (remove the inner shadow) when the user unclick the search box and click elsewhere.</p>
  
  <p>Thanks</p>