본문 바로가기

전체 글111

검색기능 구현하기 HTML / CSS ... ... Search 클릭 가가가 나나 다라라라 라라라 라라다라 라라바바 라라라라 라라라라라 마라라마 마바마마 라바바 라라바바 JS button = document.querySelector('button'); input = document.getElementById('value') // 클릭,엔터키 이벤트 input.focus() input.addEventListener('keydown',function(e){ if(e.key === "Enter"){ Filter(); } }) button.addEventListener('click',Filter); function Filter(){ var value , item , name value = document.getElementByI.. 2021. 8. 4.
엔터키 이벤트가 먼저 실행이 안될때 input 창에 클릭,엔터키 이벤트를 주려고 했다. 하지만 아래의 코드로 작성을 하니 버튼을 먼저 클릭 해야지(클릭이벤트를 먼저 실행) 엔터키 이벤트가 실행이 됬다. 해결방법을 찾던 중 아래의 블로그를 발견했는데 https://velog.io/@hidaehyunlee/ES2020-click-enter-%EB%91%90-%EA%B0%9C%EC%9D%98-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%8F%99%EC%8B%9C%EC%97%90-%EB%93%B1%EB%A1%9D%ED%95%98%EA%B8%B0 [ES2020] Click, Enter 두 개의 이벤트 동시에 등록하기 form 내부의 button를 submit하면 클릭과 엔터가 동시에 입력된다. 이걸 이용해서 form 태그에 이벤트를 등.. 2021. 8. 3.
애니메이션 플러그인 https://animate.style/ 2021. 8. 2.
breadcrumbs 만들기 GeeksforGeeks Searching Linear Search Binary Serach Sorting Bubble Sort Merge Sort Recursive Merge Sort Iterative Merge Sort Selection Sort Insertion Sort Tree Binary Tree Binary Search Tree home / https://www.geeksforgeeks.org/how-to-create-dynamic-breadcrumbs-using-javascript/ How to create dynamic breadcrumbs using JavaScript? - GeeksforGeeks A Computer Science portal for geeks. It contains w.. 2021. 8. 2.