Hello Vite!
+
+
+
+ + Click on the Vite logo to learn more +
+
${movie.Type}
+- Rotten Tomatoes : ${ + Number(rating.Value.split('%')[0]) / 10 + } / 10
` + } else if (rating.Source === 'Metacritic') { + ratings.innerHTML += `- Metacritic: ${ + Number(rating.Value.split('/')[0]) / 10 + } / 10
` + } else { + ratings.innerHTML += `- IMDB: ${Number( + rating.Value.split('/')[0] + )} / 10
` + } + } + }) + } + console.log(movie.averageRate) + const boxOfficeEl = this.el.querySelector('.boxoffice') + if ( + movie.BoxOffice === undefined || + movie.BoxOffice === null || + movie.BoxOffice === 'N/A' + ) { + boxOfficeEl.style.display = 'none' + } + const gradeEl = this.el.querySelector('.grade') + if (averageRate === 'N/A') { + gradeEl.style.display = 'none' + } + const noPoster = this.el.querySelector('.poster') + if (noPoster.style.backgroundImage === 'url("N/A")') { + noPoster.style.backgroundImage = + 'url("https://static-00.iconduck.com/assets.00/flying-saucer-emoji-2048x1837-wqaxl6sz.png")' + } else { + noPoster.style.backgroundImage = `url(${bigPoster})` + } + } +} diff --git a/src/routes/MyList.js b/src/routes/MyList.js new file mode 100644 index 00000000..f7c3c69c --- /dev/null +++ b/src/routes/MyList.js @@ -0,0 +1,44 @@ +import Component from '../core/Component' +import movieStore from '../store/movie' +import MovieItem from '../components/MovieItem' +import { searchMovies } from '../store/movie' + +export default class MovieList extends Component { + constructor() { + super({ + tagName: 'inner' + }) + } + render() { + // λ‘컬 μ€ν 리μ§μμ favoritMovies ν€ λ°μ΄ν° κ°μ Έμ€κΈ° + const favoriteMovies = JSON.parse(localStorage.getItem('favoritMovies')) + + // favoriteMovies κ°μ²΄μ μμ±(νλ‘νΌν°) μ€ 'Title'κ³Ό 'Poster' μΆλ ₯νκΈ° + favoriteMovies.forEach(movie => { + const posterSrc = movie.Poster + ? movie.Poster + : 'https://static-00.iconduck.com/assets.00/flying-saucer-emoji-2048x1837-wqaxl6sz.png' + const movieElement = document.createElement('section') + movieElement.innerHTML = /*html*/ ` +Page Not Found.
+