본문 바로가기 메뉴 바로가기

남하준의 웹스토리 웹스토리

메뉴보기
  • 분류 전체보기 (20)
    • Script Sample (2)
      • Search Effect (2)
    • javascript (4)
    • CSS (9)
    • HTML (3)
    • 스마트웹 (2)
      • UIUX 요구분석 (2)
      • UIUX 콘셉트 기획 (0)
      • UI 디자인 (0)
      • UI 아키텍처 설계 (0)
      • 화면설계 (0)
      • 화면구현 (0)
      • UI 구현 (0)
      • 스마트폰문화앱설계 (0)
      • 스마트문화앱구현 (0)
      • UI 테스트 (0)
      • 애플리케이션 테스트 수행 (0)
      • 애플리케이션 배포 (0)
      • 프로그래밍 언어 활용 (0)
      • 프로그래밍 언어 응용 (0)
흔적남기기
검색하기 폼

최근 글

댓글

태그

흔적

  • 다녀간 사람들
  • 오늘 온 분
  • 어제 온 분
공지사항
링크
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함
Script Sample에 관한글 (2)
includes

const searchBox = document.querySelector("#search-box"); //search-box 변수에 저장 const cssList = document.querySelectorAll(".list ul li"); //다수의 li를 변수에 저장 const cssCount = document.querySelector(".count em"); //전체 li갯수를 표시 cssList.forEach((element, index) => { element.classList.add("show"); cssCount.innerHTML = index + 1; }); searchBox.addEventListener("keyup", () => { //input을 클릭했을 때 이벤트 설정 const ..

Script Sample/Search Effect
indexOf

const searchBox = document.querySelector("#search-box"); //search-box 변수에 저장 const cssList = document.querySelectorAll(".list ul li"); //다수의 li를 변수에 저장 const cssCount = document.querySelector(".count em"); cssList.forEach((element, index) => { element.classList.add("show"); cssCount.innerHTML = index + 1; }); searchBox.addEventListener("keyup", () => { //input를 클릭했을 때 이벤트 설정 const searchWord = s..

Script Sample/Search Effect
이전 1 다음
이전 다음
© 2018 webstoryboy

티스토리툴바