ajax.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>


<h1 id="headline">Hi Karla</h1>
<button id="btn">Click me!!!</button>
<script>

  // var movieName = "Sharknado";
  // var apiKey = "4ce5edcc";
  // var queryURL = "http://www.omdbapi.com/?t=" + movieName + "&apikey=" + apiKey;

  // $.ajax({
  //   url: queryURL,
  //   method: "GET"
  // }).done(function(response) {
  //   var actors = response.Actors;
  //   $('#headline').text(actors);
  // });

  $('#btn').click(function() {
    var movieName = "Sharknado";
    var apiKey = "4ce5edcc";
    var queryURL = "http://www.omdbapi.com/?t=" + movieName + "&apikey=" + apiKey;

    $.ajax({
      url: queryURL,
      method: "GET"
    }).done(function(response) {
      var actors = response.Actors;
      $('#headline').text(actors);
    });
    // console.log("hi");
  });

</script>