关于从jquery过渡到javascript的问题

以前一直用jquery，没有审图了解到function的多种用法和类的用法，简单会用就能上手jquery了；现在回头认真学javascript，发现搜了很久都没办法代替jq里面的触发事件的方法，比如

以前jquery，想让某个dom触发事件，要写

<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function al()
{
    alert("I'm aaaa");
}
$(document).ready(function() {
    $("#aaa").click(function (){
        al();
    })
});
</script>
 
<input type="button" value="aaaaaa" id="aaa">

这样就可以控制id为aaa的触发onclick事件了；

如果用js的话，就要

 
<script type="text/javascript">
function al()
{
    alert("I'm aaaa");
}
</script>
 
 
<input type="button" value="aaaaaa" id="aaa" onClick="al()">

所以，我想问，有没有用js的方法模拟jquery里的click事件一样，可以让触发事件的代码和前端代码分开？还有前提是不能用js在input上添加一个onclick的方法，也不能使用其他库，