여러 검색어를 한번에 검색할 수 있는 기능은 어떻게 구현해야할까요?

Question

안녕하세요? 개인 프로젝트 중인데 며칠째 막히는 부분이 있어 이렇게 질문 드립니다.이 사진과 같이 버튼들을 클릭하면 그 버튼들의 값이 DB에 저장된 것만 화면에 보이게 하고 싶습니다.(이 사진은 제가 참고중인 사이트입니다)사진과 같이 각 게시물은 사용 언어 칼럼에 java,oracle,spring,react 이런식으로 값이 들어가있습니다.처음에는 버튼마다 onclick을 달아서 하려했는데 저의 경우 저런 버튼이 40개가 넘어가니 일일이 버튼마다 onclick을 달 수도 없고 그렇게 해도 클릭한것이 두개부터는 어떻게 해야할지 모르겠네요.이것이 제 화면의 코드입니다.어떻게 하면 좋을까요..?

Clickin · Answer

const selectLanguageButton = (onClickEvent) => { // 동작 설정 // e.target으로 잡으면 됨 } const buttonNodeList = document.querySelectorAll() // 버튼 리스트 셀렉 buttonNodeList.forEach((button) => { button.addEventListener('click', selectLanguageButton) })selector로 잡아서 eventListener 등록해보세요

여러 검색어를 한번에 검색할 수 있는 기능은 어떻게 구현해야할까요?

1개의 답변

Q&A 목록