为什么点击按钮要放在函数之前才能执行？

Question

<script>var x = document.getElementById("demo");x.addEventListener("click", myFunction);function myFunction() {    alert ("Hello World!")}</script><button id="demo">点我</button>

Answer 1

因为html文档时从上往下执行的，按钮如果在script下面，var x = document.getElementById("demo");执行完了x是undefined，再执行x.addEventListener("click", myFunction);就报错了。