title: How to stopPropagation in Javascript
body: <p>I have looked all over and can't fully understand what I'm doing wrong.</p>
  
  <p>I just want the parent element not to fire (change opacity) when clicking the child.</p>
  
  <p>Simple answers are appreciated!</p>
  
  <p>Thank you</p>
  
  <pre><code>HTML
  &lt;div id="not-clicker"&gt;
      &lt;div id="clicker" onClick="clickBox();"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  JAVASCRIPT
  function clickBox(event) {
      document.getElementById('clicker').style.backgroundColor = 'green';
      event.stopPropagation();
  };
  </code></pre>
  
  <p><a href="http://jsfiddle.net/killamilla/R8tHA/1/" rel="nofollow">JSfiddle</a> (Doesn't work properly)</p>