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

웹 공부중... 내 코딩 정리노트

메뉴보기
  • 분류 전체보기 (116)
    • Script samlpe (37)
      • Search Effect (6)
      • Silder Effect (7)
      • Quiz Effect (6)
      • Mouse Effect (8)
      • Parallax Effect (7)
      • Music Player (1)
      • Typing Game (1)
      • Memory Game (1)
    • Javascript (18)
    • HTML (3)
    • CSS (20)
      • 사이트를 만들자 (7)
    • MySQL (9)
    • PHP (23)
    • react (2)
    • 기타 (4)
      • 오답노트 (1)
흔적남기기
검색하기 폼

최근 글

댓글

태그

  • 집계함수
  • mouse effect
  • Game
  • Javscript
  • popup
  • 뮤직플레이어
  • 구구단출력하기
  • 논리 #논리연산자 #연산자 #
  • includes()
  • lastIndexOf #lastIndexOf() #lastIndexOf메서드
  • 마우스 이펙트
  • while문
  • for문 #반복문
  • php
  • MySQL
  • 반복문
  • 데이터 베이스
  • JavaScript
  • Flex
  • align-items
  • CSS속성
  • 알뜰폰
  • unshift #메서드 #메소드
  • for문
  • 알뜰폰요금제
  • 짝수
  • 팝업
  • slice() #slice #slice메서드
  • indexOf()
  • script

흔적

  • 다녀간 사람들
  • 오늘 온 분
  • 어제 온 분
공지사항
링크
«   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
글 보관함
includes()에 관한글 (1)
search effect02 - includes()

const searchBox = document.querySelector("#search-box"); //search-box(검색창)를 변수에 저장 const cssList = document.querySelectorAll(".list ul li"); //다수의 li를 변수(cssList)에 저장 const cssCount = document.querySelector(".count em") //em을 변수(cssCount:전체 속성 갯수)에 저장 cssList.forEach((e, index) => { //전체 속성 갯수 설정:li의 모든 index를 불러옴 e.classList.add("show"); //li의 index에 class="show" 추가 cssCount.innerHTML = index +..

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

티스토리툴바