JQuery

Question 1

Define the purpose of this code:
$.ajax({
        url: queryURL,
        method: "GET"
      })

Answer 1

Creates AJAX call for the specific movie button being clicked

Question 2

Define the purpose of this code:
var movieDiv = $("<div>");</div>

Answer 2

Creates a div to hold the movie

Question 3

Define the purpose of this code:
var ratedPara = $(“<p>”);
ratedPara.text(rated);</p>

Answer 3

Creates an element to have the rating displayed

Question 4

Define the purpose of this code:
var rated = response.Rated;

Answer 4

Retrieves the Rating Data

Question 5

Define the purpose of this code:

movieDiv.append(ratedPara);

Answer 5

Displays the rating

Question 6

Define the purpose of this code:
var released = response.Year;

Answer 6

Retrieves the release year

Question 7

Define the purpose of this code:
var releasedPara = $(“<p>”);
releasedPara.text(released);</p>

Answer 7

Creates an element to hold the release year

Question 8

Define the purpose of this code:

movieDiv.append(releasedPara);

Answer 8

Displays the release year

Question 9

Define the purpose of this code:

$(“#moviesview”).prepend(movieDiv);

Answer 9

prepending movieDiv to an html element with the id of movie-view

Question 10

Define the purpose of this code:
var catImage = $("<img>");

Answer 10

setting a variable to store an img html element

Question 11

Define the purpose of this code:

catImage.attr(“src”, imageUrl); catImage.attr(“alt”, “cat image”);

Answer 11

setting the attributes of the img tag

Question 12

Define the purpose of this code:
var imageUrl = response.data.image_original_url;

Answer 12

setting a variable to store data retrieved from an API

Question 13

Define the purpose of this code:
var queryURL = "https://api.giphy.com/v1/gifs/random?api_key=dc6zaTOxFJmzC&tag=cats";

Answer 13

setting a variable to store the getting the cat gif from the Giphy API

Question 14

Complete the syntax for this code:
$.ajax({
url: queryURL,

Answer 14

$.ajax({
url: queryURL,
method: “GET”
})

Question 15

Define the purpose of this code:

$(“#list-names”).append(“<li>”);</li>

Answer 15

appending an list element to an element with the id of list-names.

Question 16

Define the purpose of this code:
var userInput = $("#input").val();

Answer 16

storing the value of an element with the id of input into the variable of userInput.