搜索圖標無法正常工作

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());

您錯過了事件監聽函數調用。