您的代码在
<head>=>运行于元素呈现之前，因此
document.getElementById('compute');返回null，因为MDN承诺…元素= document.getElementById（id）; element是对Element对象的引用； 如果文档中没有指定ID的元素，则为null。
解决方案：
- 将脚本放在页面底部。
- 在加载事件中调用附加代码。
- 使用jQuery库，它是DOM ready事件。
什么是jQuery
ready事件，为什么需要它？
（为什么不仅仅是Javascript的load事件）：
尽管Javascript提供了呈现页面时执行代码的load事件，但是只有在完全接收到所有资产（例如图像）之后，才会触发此事件。在大多数情况下，可以在完全构建DOM层次结构后立即运行脚本。确保传递给.ready（）的处理程序将在DOM准备就绪后执行，因此通常这是附加所有其他事件处理程序的最佳位置…
…
