Created
February 6, 2018 22:44
-
-
Save jtomchak/7bc765a10dfd7673f450aa4b323cc060 to your computer and use it in GitHub Desktop.
Start of movie poster town
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import "jquery"; | |
import "./style.scss"; | |
$(document).ready(function() { | |
console.log("I am working with jQuery. Sweet!!!!"); | |
let moviesList = []; | |
//Get Movies HTTP request! | |
const getMovies = () => { | |
const movieURL = | |
"https://api.themoviedb.org/3/search/movie?api_key=2434d246ec60c162a86db597467ef4ed&language=en-US&query=Romance&include_adult=false&sort_by=created_at&page=1"; | |
fetch(movieURL) | |
.then(res => res.json()) | |
.then(payload => { | |
console.log(payload); | |
//now we have our kissy movies!!!! | |
moviesList = payload.results; | |
createMoviePosters(); | |
}) | |
.catch(err => console.log(err)); | |
}; | |
const createMoviePosters = () => { | |
//get access to a DOM element to append all this movies to | |
// iderate in some fashion on the the array of movies and create an img element, with the movie poster url as the src | |
//each img element is gonna need to be it's own col "set" | |
//bonus don't forget your clear fixes!!!!!! | |
}; | |
getMovies(); | |
const createElements = () => { | |
const moviesListElement = $("#movies-list"); | |
// let newElement = document.createElement("img"); | |
let newImageElement = $("<img>"); | |
moviesListElement.append(newImageElement); | |
}; | |
createElements(); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment