onclick
需要是一个函数。请参阅示例。
var sayHello = function(){
console.log("hello");
};
var btn = document.createElement('input');
btn.type = "button";
btn.className = "btn";
btn.value = "Negociate";
btn.onclick = sayHello;
document.getElementById('mainPage').appendChild(btn);
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>BookInc</title>
<link rel="stylesheet" href="style.css">
</head>
<body style="background-color:white;">
<div id= "mainPage">
</div>
<script src="test.js"></script>
</body>
</html>
btn.onclick
需要回调,您需要提供一个函数/箭头函数才能使其工作。目前,您的代码只打印一次“hello”,即在加载它时。要在按下按钮时执行它,您需要提供一个可调用函数,如下所示:
btn.onclick = () => console.log("hello);