.addEventListener中的功能不起作用

Question

var key = document.getElementsByTagName('button')[0];

key.addEventListener('click', colorIt, false);

function colorIt(e) {
  document.body.style.backgroungColor = '#F00';
}

<div id="yabanner">
</div>
<button id="button">Click Me</button>

<!-- script contents above
<script src="index.js"></script>
-->

我不知何故出现了该函数未与事件连接的错误：（

Answer 1

colorIt功能中有一个错字：backgroungColor-> backgroundColor