Skip to content

Instantly share code, notes, and snippets.

@jtomchak
Created February 6, 2018 22:44
Show Gist options
  • Save jtomchak/7bc765a10dfd7673f450aa4b323cc060 to your computer and use it in GitHub Desktop.
Save jtomchak/7bc765a10dfd7673f450aa4b323cc060 to your computer and use it in GitHub Desktop.
Start of movie poster town
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