Web's study ! 지선

const searchBox = document.querySelector("#search-box");//search-box 변수에 저장한다. const cssList = document.querySelectorAll(".list ul li");//다수의 li를 변수에 저장한다. const cssCount = document.querySelector(".count em") cssList.forEach((e, index) => {//forEach를 이용해 모든 li의 index 를 불러온다. e.classList.add("show");//불러온 index에 CSS.show 클래스를 부여한다. console.log(index); cssCount.innerHTML = index + 1;//index는 0번째 부..

const searchBox = document.querySelector("#search-box");//search-box 변수에 저장 const cssList = document.querySelectorAll(".list ul li");//다수의 li를 변수에 저장 searchBox.addEventListener("keyup", () => {//input을 클릭했을 때 이벤트 설정 const searchWord = searchBox.value; //사용자가 입력한 데이터 저장소 변수에 저장 // console.log(searchWord) cssList.forEach(el =>{//다수의 li한테 적용 //console.log(el.dataset.name) const cssName = el.dataset..