Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript AJAX Basics (retiring) AJAX and APIs Create a callback function

Now you'll add programming to the callback function: you'll display the current temperature of the city you picked. Star

Now you'll add programming to the callback function: you'll display the current temperature of the city you picked. Start by using jQuery to select the element with the ID of temperature.

weather.js
$(document).ready(function() {
  var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather';
  var data = {
    q : "Portland,OR",
    units : "metric"
  };
  var showWeather = function(weatherReport) {};
  $('#temperature');
});
index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>What's the Weather Like?</title>
  <script src="jquery.js"></script>
  <script src="weather.js"></script>
</head>
<body>
  <div id="main">
    <h1>Current temperature: <span id="temperature"></span>&deg;</h1>
  </div>
</body>
</html>

4 Answers

The answer needs a little more code:

$(document).ready(function() { var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather'; var data = { q : "Portland,OR", units : "metric" }; function showWeather(weatherReport){ $('#temperature').addClass("selected"); }
});

This is your original code:

$(document).ready(function() {
  var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather';
  var data = {
    q : "Portland,OR",
    units : "metric"
  };
  var showWeather = function(weatherReport) {};
  $('#temperature'); <!-- here is your error -->
});

To pass this challenge, I simply placed .addClass("selected"); to the end of your jQuery selected class on line #8. This bit of code allowed me to pass the challenge.

$(document).ready(function() {
  var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather';
  var data = {
    q : "Portland,OR",
    units : "metric"
  };
  function showWeather(weatherReport) {
    $('#temperature').addClass("selected"); <!-- here is where I added code -->
  }
});

The jQuery is simply suppose to be inside the { }

var showWeather = function(weatherReport) { $('#temperature') };