[JavaScript / jQuery] 검색 자동 완성 기능 구현하기
... 입차 시간 ▼ 출차 시간 ▼ 차량번호 ▼ 운전자 ▼ 휴대전화번호 ▼ ..
- JavaScript
- · 2024. 9. 30.
1. 단락평가- javaScript 에서 첫 번째 연산에서 연산의 결과를 확정지을 수 있으면 두 번째 연산을 접근하지 않는 것을 단락 평가라고 함- 이 성질을 이용하면 조건문을 이용하지 않고도 특정 상황에서 어떤 함수를 호출하지 않도록 방지하거나 어떤 값을 굳이 계산하지 않도록 제한 하는 등의 개발이 가능하다. function returnFalse(){ console.log("False함수"); return false;}function returnTrue(){ console.log("true함수"); return true;}console.log(returnFalse() && returnTrue()); returnTrue()가 아예 호출 되지 않는 것처럼 보이는 것은 단락평가가 작동..
이렇게 javascript src 뒤에 쿼리스트링을 추가하면된다. 그러면 기존 캐시와 다른 파일로 인식하기 때문에 캐시 삭제 하지 않고 새로고침만 하더라도 변경한 js나 css 파일을 다시 읽어온다.
document.documentElement.style.filter = "invert(100%) hue-rotate(180deg)";document.documentElement.style.webkitFilter = "invert(100%) hue-rotate(180deg)";
... 입차 시간 ▼ 출차 시간 ▼ 차량번호 ▼ 운전자 ▼ 휴대전화번호 ▼ ..
입차 시간 ▼ 출차 시간 ▼ 차량번호 ▼ 운전자 ▼ 휴대전화번호 ▼ 08:00 미출차 11가 1234 김길동 01000000000 ..
//검색어 자동완성 const $search = document.querySelector("#search"); const $autoComplete = document.querySelector(".autocomplete"); let nowIndex = 0; $search.onkeyup = (event) => { // 검색어 const value = $search.value.trim(); // 자동완성 필터링 const matchDataList = value ? carNumList.filter((label) => label.includes(value)) : []; switch (event.keyCode) { // UP KEY case 38: ..