한 번의 검색에서 세 가지 작업 버튼

Question

WordPress에 웹 사이트를 구축 중이며 아래 이미지와 같이 검색 버튼이 있습니다. 나는 사용자가 검색 상자에 "일본"을 채우는 경우 원하는

... 조건 :

1. 하면 검색 버튼을 사용자가 클릭 한 다음 인 (웹 사이트에서 "일본"의 모든 결과를 표시하는 경우 완료)
2. 사용자가 YouTube 아이콘을 클릭하면 "일본"과 관련된 비디오가 표시됩니다.
3. 사용자가 위키 피 디아 링크를 클릭하면 위키 백과의 "일본"에 대한 모든 정보가 표시됩니다.
   사이트에
   • , 또는 YouTube에
   • , 또는 위키 백과에
   • : 사용자가 검색에 아무것도 입력 한 다음 해당 키워드를 검색 할 수 있음을 의미

.

모든 키워드에 대해 단일 키워드가 작동해야합니다.

Answer 1

음. 우선, 나는 당신이 실제로하고 싶은 것을 좀 더 분명하게하려고 노력할 것이다.

HTML : :

<div> 
    <button id="wikiButton">Wiki icon</button> 
    <button id="youtubeButton">Youtube icon</button> 
    <button id="searchButton">Search locally</button> 
</div> 

스크립트 당신은 세 개의 버튼이

이 현재로 는, 내가 당신을 오해하는 위험이있을 수 있습니다,하지만 난 제대로 이해한다면, 이것은 내 대답이다 :

document.getElementById('wikiButton').addEventListener('click', function() { 
Do wiki thing 
} 

document.getElementById('youtubeButton').addEventListener('click', function() { 
Do youtube thing 
} 

document.getElementById('searchButton').addEventListener('click', function() { 
Do locally search thing 
} 

은 또한 당신은 onclick을 = "하는 DoThis()"각 당신이 원하는 것을 그 기능을 보유하고 각 버튼에 대한 핸들러를 할당 할 수 있습니다.