[TIL] 2023/10/20 JS while문 통해서 제거 후 생성

• 카드 페이지 부분
  신기한 기능을 배웠다.
  페이지 이동시 movieCardLine 자식요소가 있다면
  삭제후 함수를 다시 실행한다.
  그럼 새로운 카드들이 나온다.

   while (movieCardLine.firstChild) {
      movieCardLine.firstChild.remove();
    } // movieCardLine 첫번째 자식이 있으면 remove를 반복해라.
    ------ // 
       results.forEach((movie) => {
        createCard(movie); // 카드 만드는 함수
      });

• 카드 모달 부분
  모달 부분도 비슷한데 여기는 HTML을 아예 빈 값으로 만들었다.

  movieCard.addEventListener("click", () => {
    modalContainer.innerHTML = ""; // 연속으로 줄줄이 나오기 때문에 빈칸으로 만든 후
    let id = movieCard.id;
    alert(`ID: ${id}`);
    cardModal(movie); // 재실행
    modalContainer.style.display = "block";
  });
};