这是我的代码的html部分:
<!DOCTYPE html>
<html>
<head>
<h>
<title> This page</title>
</h>
</head>
<body>
<button id = "go-button" >GO</button>
<script src="main.js"></script>
</body>
</html>
这是我代码的javaScript部分:
function buttonClicked(){
console.log("button clicked");
}
var btn = document.getElementById("go-button");
btn.addEventListener("clicked", buttonClicked);
[每当我尝试在控制台上打印时,它都不会显示任何输出,我很困惑
没有单击任何事件,但是单击:
btn.addEventListener("click", buttonClicked);
将clicked
改正为click
,它应该可以工作。
addEventListener函数有两个参数,一个是事件,第二个是要执行的函数,您认为第一个参数错误。
btn.addEventListener ('click', button clicked);
事件名称是“点击”,而不是“被点击”