外部JavaScript onclick而不是内联HTML onclick

我对JavaScript非常陌生，我需要一些代码方面的帮助。我写了一个关于一级方程式赛车与迈克尔·舒马赫比赛的小故事

在这个游戏中，你可以通过点击图片来选择你的车，然后继续，但是我的老师说这还不够好。她给了我反馈，并告诉我需要将HTMLimg onclick放入JavaScript中

---

我不知道该怎么做，该把它放在哪里。

首先，给图像标签添加一个id属性，例如

<img id='car1'/>

此函数有3个参数，第一个是事件的类型（单击），第二个是要调用的函数的名称，第三个是如何捕获事件（将其保留为false）。然后，在javascript中创建一个名为onPageLoad的函数，并将两行代码放入其中：

function onPageLoad(){
    document.getElementById('car1').addEventListener('click', functionName, false);
    document.getElementById('car2').addEventListener('click', functionName, false);
}

最后，在页面末尾添加这行代码以开始整个过程：

window.addEventListener('DOMContentLoaded', onPageLoad, false);

---

还有，这是我的代码的链接，你的老师没有教你这个吗，或者你希望自己研究这个吗？确切地说，反馈是什么？说真的，这是大学水平的教育？这是最基本的东西。我想这样做。我来自荷兰，这是许多Javascript的第一个类。在未来，我们将获得Javascript 2和Javascript 3，这两个版本将变得更加高级。我的老师说：不，把Javascript放进HTML文件是不对的。我希望它是外部的（在js文件中）。所以我去寻找解决方案，但我还没有找到可以帮助我解决这个问题的方法…你看，我毫不怀疑你的代码不会工作，但我是一个Javascript新手，我不知道该把它放在哪里。。。im Sorry只需将其添加到文档顶部的脚本标记之间或外部javascript文件中。

function onPageLoad(){
    document.getElementById('car1').addEventListener('click', functionName, false);
    document.getElementById('car2').addEventListener('click', functionName, false);
}

window.addEventListener('DOMContentLoaded', onPageLoad, false);