JS/인기 영화 콜렉션 (2) 썸네일형 리스트형 개인 프로젝트 - 인기 영화 콜렉션: 검색 기능, alert창 띄우기,hover 검색기능 필터 메소드를 사용하여 만들었다. function filterList(){ const searchInput=document.querySelector('#search-input') //search-input 아이디로 요소를 선택하는 searchInput 함수 const filter = searchInput.value.toLowerCase(); //value 속성으로 입력 글자를 모두 소문자로 바꾼다. const listItems = document.querySelectorAll('.movie-card'); listItems.forEach((movieCard) => { let title = movieCard.querySelector('.movie-card h2').textContent.toLower.. 개인 프로젝트 - 인기 영화 콜렉션: tmdb에서 영화정보 가져와서 영화카드 만들기 필수사항 1. tmdb에서 영화 정보 가져와서 영화 포스터, 상세정보, 평점을 나타내는 영화카드 만들기 필수사항 2. 검색 기능 필수사항 3. 포스터를 누르면 영화의 id를 나타내는 alert 창 만들기 선택사항 : css 자-시작 ㅋㅋ const key = "my api key" - 영화 카드 만들기 tmdb 에서 api 키를 발급 받아와서 주간 인기 영화 api를 가져왔다. 이제 영화 카드가 있는 부분의 div 를 만들고 이름은 ' movie-card'로 설정할 것이다. const card = document.createElement('div'); card.classList.add('movie-card'); 그리고 또 다시 poster-container 라는 그 자식 요소를 만들 것 movie-car.. 이전 1 다음