[TIL] 2023/10/18 API 순서

API를 페이지에 뿌렸을 때 0번째가 밑으로 간다.
페이지 1번째에 나와있는 카드를 클릭하면 ID가 맨 밑에 있는 ID로 나와서 순서가 다르다는 걸 알았다.

몇 시간 동안 헤맸었는데 API를 페이지에 뿌리고 난 후
API를 reverse해서 결과를 얻어냈다.

  results.reverse();
  // 검색 시 맞는 영화 나오게 하기

  //   클릭시 id나오게 하기
  for (let i = 0; i < results.length; i++) {
    let movieCard = document.getElementsByClassName("card");
    let movieId = results[i].id;
    let title = results[i].title ? results[i].title : results[i].name;
    movieCard[i].addEventListener("click", () => {
      alert(`${title}- ID: ${movieId}`);
    });
  }