addEventListener"；点击"；在Javascript中不工作

当我点击“说出来”按钮时，我试着让我的脚本工作。但是我不能让它工作

我知道我可以在html上单击一个

onclick

，但我需要在脚本中使用一个

addEventListener

我做错了什么

第一廷斯
输入{
字号：2em；
利润率：10px 1px 0；
}
您所在的城市：

您的姓名：


说吧！
let city=document.querySelector（“.city”）
让name=document.querySelector（“.name”）
职能人员数据（城市、名称）{
警报（“我来自“+city.value+”我的名字是“+name.value”）
}
document.getElementById（“myButton”）.myButton.addEventListener（“单击”，personData）；

更新：已删除

myButton

---

更新：已删除的

myButton

城市

和
名称
在
个人数据中未定义；这是因为函数希望将它们作为参数接收，而不是从输入元素读取值。。。但你从来没有通过那些辩论

您可以按如下方式更改JavaScript代码：

函数personData（）{
let city=document.querySelector（“.city”）；
让name=document.querySelector（“.name”）；
警报（“我来自“+city.value+”我的名字是“+name.value”）
}
document.getElementById（“myButton”）.addEventListener（“单击”，personData）；
在
个人数据中，
城市
和
姓名
均未定义；这是因为函数希望将它们作为参数接收，而不是从输入元素读取值。。。但你从来没有通过那些辩论

您可以按如下方式更改JavaScript代码：

函数personData（）{
let city=document.querySelector（“.city”）；
让name=document.querySelector（“.name”）；
警报（“我来自“+city.value+”我的名字是“+name.value”）
}
document.getElementById（“myButton”）.addEventListener（“单击”，personData）；
document.getElementById（“myButton”）.myButton.addEventListener
应该是
document.getElementById（“myButton”）.addEventListener
仍然不工作。TypeError:无法读取HtmlButtoneElement.personData中未定义的属性“value”，这是因为
city
和
name
在
personData
中都是
未定义的
；这是因为函数希望接收一些您从未传递给它的参数，而不是从您的输入元素
document.getElementById（“myButton”）.myButton.addEventListener
应该是
document.getElementById（“myButton”）.addEventListener
仍然不起作用。TypeError:无法读取HtmlButtoneElement.personData中未定义的属性“value”，这是因为
city
和
name
在
personData
中都是
未定义的
；这是因为函数希望接收一些您从未传递给它的参数，而不是从您的输入元素读取值。这是行不通的。您将错误的参数传递给functionError:TypeError:Cannot read Undefinedt的属性“value”这将不起作用。您将错误的参数传递给functionError:TypeError:无法读取UndefinedCreat的属性“value”！那很好用。谢谢你！那很好用。谢谢
document.getElementById("myButton").addEventListener("click", personData);