如何使用Javascript使字体超赞图标可点击

Question

我正在尝试使这组字体真棒图标可点击（因此，当我单击它们时，我会定向到想要的页面）

<i class="fas fa-chart-line"></i>

<i class="fas fa-utensils"></i>

<i class="fas fa-newspaper"></i>

<i class="fas fa-user"></i>

<i class="fas fa-sign-out-alt"></i>

如何用Java脚本实现此功能，或者还有其他解决方法？我知道您可以通过用<a href=""包裹图标来做到这一点，但我只是在寻找另一种方式

Answer 1

onclick事件

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Event_handlers

示例

<button onclick="myFunction()">Click me</button>

语法 在HTML中：

<element onclick="myScript">

在JavaScript中：

object.onclick = function(){myScript};

在JavaScript中，使用addEventListener（）方法：

object.addEventListener("click", myScript);