Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Tiffany Stelman
Tiffany Stelman
5,362 Points

Ajax and APIs Stage 4, Challenge task 3 of 3

This is the question:

Finally, to insert the temperature into the div, use jQuery's text() method. You'll need to pass the temperature into this method. The Open Weather Map API returns an object with the property main; that property holds another object with the property "temp". To access the temperature, use dot syntax, like this: weatherReport.main.temp

I don't really know what to do here.

This is my code so far:

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

HELP!

Lucas Krause
Lucas Krause
19,924 Points

Please read https://teamtreehouse.com/forum/posting-code-to-the-forum.

3 Answers

Lucas Krause
Lucas Krause
19,924 Points

Here's a working example. ;)

Tiffany Stelman
Tiffany Stelman
5,362 Points

Thanks Lucas! You saved me!

Lucas Krause
Lucas Krause
19,924 Points

I'm glad that I could help you ;)

Anna Steirer
Anna Steirer
6,734 Points
Anna Steirer
Anna Steirer
6,734 Points

This code passed as well:

$('#temperature').text(weatherReport.main.temp);

You call the div element then pass in the content from the using the text() method.

John Grillo
John Grillo
30,241 Points

Wait, why did I need to put 'weatherReport.main.temp' into the .text method? That means I'm inserting whatever I get back from that into the html via the .text method, right?

Samandar Mirzayev
Samandar Mirzayev
11,834 Points
Samandar Mirzayev
Samandar Mirzayev
11,834 Points

$(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').text(weatherReport.main.temp); } $.getJSON(weatherAPI,data,showWeather); });