onclick事件适用于index.html，但不适用于main.js

Question

我在index.html文件中有一个onclick事件，如下所示：

<a onclick="startDraw('Point')" class="card-link" >Add Point</a>

如果我使用，它只在index.html文件上工作

<script>
function startDraw(point) {
console.log(point)
}
</script> 

标签。

然而，如果试图在main.js文件中定义它，它会显示以下错误：

未捕获引用错误：未在HTMLButtonElement.onclick((index(:59:56(中定义startDraw

Answer 1

使用不引人注目的事件处理程序，它起到了作用。谢谢@RoryMcCrossan

我刚转换了

function startDraw(point) {
console.log(point)
}

像这样的

var startDraw = document.getElementsByClassName("card-link");
for (var i = 0; i < startDraw.length; i++)
{
startDraw[i].addEventListener('click', function () {                        
{           
alert(this.getAttribute('data'));             
}
});
}