Значок поиска не работает

Question

Я пытаюсь добавить кнопку поиска на клиентский сайт, но он ничего не делает.

Является ли мой javascript правильным или я делаю что-то неправильно?

Смотрите в этой ссылке: https://fiddle.jshell.net/mdcnzfLw/

Answer 1

Ваш код не имеет обработчик событий для события щелчка. В то время как CSS заставляет значок выглядеть интерактивно, он не имеет никаких действий.

Вы хотите добавить в вашу функцию инициализации:

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

, а затем добавить:

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

Заменить alert с тем, что код должен делать.

Answer 2

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

Вы пропустили вызов функции в EventListener.