Javascript 未捕获引用错误：未定义getStr

我试图用一个函数作为闭包函数的参数来测试addEventListener。如果我在没有addEventListener的情况下调用，它会给出值，而使用addEventListener会给出错误，即getStr不是函数。 请帮忙

---

名称：
提交搜索
var getStrVal=（函数（strFunc）{
控制台日志（strFunc）；
document.getElementById（“od”）.innerHTML=strFunc；
})();
//获取字符串值
var strSol=函数（）{
var searchStr=document.getElementById（“myText”）.value；
}
addEventListener（“单击”，获取strval（strSol），false）；

这是您试图实现的工作示例。 我已经删除了您立即调用的

getStrVal

函数，该函数为您提供了

Uncaught类型错误：getStrVal不是一个函数

var getStrVal=函数（strFunc）{
document.getElementById（“od”）.innerHTML=strFunc（）；
};
//获取字符串值
var strSol=函数（）{
返回document.getElementById（“myText”）.value；
}
document.getElementById（'btn'）。onclick=function（）{
getStrVal（strSol）；
};
名称：
提交搜索
Its
getStrVal（）
not
getStr（）
，您将立即调用它。修复了它，但错误相同。”未捕获的TypeError:getStrVal不是一个函数。还有一件事，如果我在另一个.js文件中使用该脚本并调用该函数，它会给出错误“未捕获的TypeError:无法将属性“onclick”设置为null”。在我看来，它是在获取值之前启动的。现在，当我在HTML下从标题移动到正文时。然后它就成功了。你是怎么做的？代码爱好者，你能检查一下吗：
Name: <input type="text" id = "myText" value="" placeholder="String ..." />
<button type="submit">Submit Search</button>
<div id="od"></div>

var getStrVal = (function(strFunc) {
    console.log(strFunc);
    document.getElementById("od").innerHTML = strFunc;
})();

//get string value              
var strSol = function() {
    var searchStr = document.getElementById("myText").value;
}

addEventListener("click", getStrVal(strSol), false);