搜索图标不起作用

Question

我试图将搜索按钮添加到客户端网站，但它没有做任何事情。

我的javascript是正确的还是我做错了什么？

请参阅此链接：https://fiddle.jshell.net/mdcnzfLw/

Answer 1

您的代码没有click事件的事件处理程序。虽然CSS使图标看起来可以点击，但它背后没有任何动作。

您想要添加到您的初始化函数：

 document.getElementById('icon').addEventListener('click', handleClick);

然后添加：

  function handleClick() {
      alert('You clicked on search');
  }

将alert替换为应该执行的任何代码。

Answer 2

document.getElementById('icon').addEventListener('click', handleClick());

你错过了EventListener中的函数调用。