Moving Div by everyclick without JQuery
<p>I used this jquery to move a div by every click.</p>

<pre><code>$(document).ready(function(){
    $('#hero').click(function(){
        $(this).animate({
            left: '+=50px'
    },300);
    })
})
</code></pre>

<p>I'd like to avoid jquery whenever it is possible to get deeper into pure JS.</p>

<p>Is there anyway to achieve the same effect without using jquery?</p>

<p>I know that this will be more complex, but just trying to learn.</p>
