diff --git a/js/indexMovies.js b/js/indexMovies.js index e5753b2..8808e4d 100644 --- a/js/indexMovies.js +++ b/js/indexMovies.js @@ -1,13 +1,12 @@ - -$( document ).ready(function() { - axios.get('https://api.themoviedb.org/3/discover/movie?api_key=ca5d667528ca51e527d9e4f7830d97d2&language=en-US&sort_by=popularity.desc&include_adult=false') - .then((response) =>{ - let movies = response.data.results; - console.log(response); - let output =''; - $.each(movies, (index, movie) =>{ - output += ` -
+$(document).ready(function() { + axios.get('https://api.themoviedb.org/3/discover/movie?api_key=ca5d667528ca51e527d9e4f7830d97d2&language=en-US&sort_by=popularity.desc&include_adult=false') + .then((response) => { + let movies = response.data.results; + console.log(response); + let output = ''; + $.each(movies, (index, movie) => { + output += ` +
${movie.title} @@ -19,21 +18,22 @@ $( document ).ready(function() {
`; - }); - $('#home-movies').html(output); - }) - .catch((err) =>{ - console.log(err); - }); + }); + $('#home-movies').html(output); + }) + .catch((err) => { + console.log(err); + }); }); //function to display navbar background-color on scroll -window.onscroll = function(){scrollFunction()} -function scrollFunction(){ - if (document.body.scrollTop > 10 || document.documentElement.scrollTop > 10){ - document.getElementById('mainNav').style.backgroundColor = '#323033'; - }else{ - document.getElementById('mainNav').style.backgroundColor = 'transparent'; - } -} +window.onscroll = function() { scrollFunction() } + +function scrollFunction() { + if (document.body.scrollTop > 10 || document.documentElement.scrollTop > 10) { + document.getElementById('mainNav').style.backgroundColor = '#323033'; + } else { + document.getElementById('mainNav').style.backgroundColor = 'transparent'; + } +} \ No newline at end of file