반응형 overflow1 [웹] 검색어 추천 기능(html, css, javascript) 배경 KBO 선수 퀴즈를 만들면서 검색어 추천창이 필요했다. 검색어 추천창은 검색 시 창에서 관련 검색어 리스트화하고 아래와 같은 기능들을 수행해야 한다. 특징1. 추천 리스트 클릭 가능 - 클릭 시 검색 창 반영 (DOM + function 추가) 특징2. 추천 리스트에 마우스 올리면 색 변화(CSS) 아래는 검색어 추천 창을 임시로 구현 후 사용 예시이다. 코드 구현 해당 내용을 코드로 구현한 결과는 아래와 같다. 창 구성 페이지의 구성은 검색창(id=name)과 추천창(id=suggestion_box)으로 구성된다. 해당 페이지의 html 코드는 아래와 같다. '검색 창'과 '버튼'을 위쪽에 두고, 아래쪽에 '추천창'을 두었으며 default를 'invisible'로 설정하였다. (검색어 입력시 해.. 2023. 4. 24. 반응형 이전 1 다음
