请问这段代码为啥执行不了问题找不出来
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin: 0;padding: 0;}
.zxw{float: left;margin:0 1px;font-size:14;color: sienna;}
</style>
</head>
<body>
<div class="zxw"style=" width: 100px;height: 100px;background:red;"></div>
<div class="zxw"style=" width: 100px;height: 100px;background:red;"></div>
<div class="zxw"style=" width: 100px;height: 100px;background:red;"></div>
<div class="zxw"style=" width: 100px;height: 100px;background:red;"></div>
</body>
<script type="text/javascript">
function abc(){
this.innerText=Math.random();
this.style.background="green";
this.style.height="300px";
};
window.onclick=function(){
var zxw= document.getElementsByClassName("zxw");
for(var b=0; b<zxw.length; b++) {
zxw[b].addEventlistener("click",abc)
};
};
</html>
