Javascript 无法获取document.getElementByID（“testclick”）。addEventListener无法工作

我在这里做着一件非常愚蠢的事情，我敢肯定；已经好几个小时了，我开始失去了生存的意志。更糟糕的是，我以前在画布上成功地使用过这个，但即使是这个例子也帮不了我

html文件（index.html）

错误消息：未捕获类型错误：未定义不是函数

我已经在谷歌上搜索并阅读了几个与addEventListener合并的错误。

---

我还阅读了一些关于如何使用getElementByID和addEventListener的教程。但仍然没有快乐。有人请把我从这无尽的混乱中解救出来；（

是，而不是

getElementByID

。Javascript区分大小写。

js函数的正确代码如下：

(function(){
var el = document.getElementById("testclick");
el.addEventListener("click", sockClicked, false);

function sockClicked(){
    console.log("HAR");
};
})();

(function(){
var el = document.getElementByID("testclick");
el.addEventListener("click", sockClicked, false);

function sockClicked(){
    console.log("HAR");
};
})();

(function(){
var el = document.getElementById("testclick");
el.addEventListener("click", sockClicked, false);

function sockClicked(){
    console.log("HAR");
};
})();