Javascript 我需要为html元素设置一个函数作为eventlistener

我有这个html代码

<div class = "select">

      <select class = "select-text">
        <option disabled selected> Select user </option>
      </select>

</div>

<button id = "oracle" class = "mdc-button"> Calculate BMI </button>

在powerupTheUI函数中仅使用DOM选择器

将displaySelectedUser设置为html中div select类的change eventlistener

将letsCalculateBMI设置为oracle按钮的单击事件侦听器

我试过了

document.querySelector(".select").addEventListener("change", displaySelectedUser());     
document.querySelector("#oracle").addEventListener("click", letsCalculateBMI());

及

---

但是测试程序不会接受它

您正在调用返回函数返回值的函数。只是不要调用函数

document.querySelector(".select").addEventListener("change", displaySelectedUser);
document.querySelector("#oracle").addEventListener("click", letsCalculateBMI);

---

注意：如果您使用的是箭头函数，您将无法通过在事件处理程序中使用该函数访问单击/更改的元素。如果您调用的是返回函数返回值的函数。只是不要调用函数

document.querySelector(".select").addEventListener("change", displaySelectedUser);
document.querySelector("#oracle").addEventListener("click", letsCalculateBMI);

---

注意：如果您使用的是箭头函数，则无法在事件处理程序中使用此函数访问单击/更改的元素。那我该怎么办呢。那我该怎么办

document.querySelector(".select").addEventListener("change", displaySelectedUser);
document.querySelector("#oracle").addEventListener("click", letsCalculateBMI);