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

27,258 Points

AJAX Basics - Challenge Task 3 of 3

I'm having trouble with the third part of the challenge. Maybe I'm not understanding what is being asked for... The last line of all the code (in weather.js file) is what I'm having trouble with... Any help would be appreciated!

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

3 Answers

Hi. Your code falls outside the function's curly braces and the the two lines could be shortened to one

function showWeather(weatherReport){

$("#temperature") will select the html

.text(weatherReport.main.temp); will populate that html with the temperature response from the weather site.

Hope this helps!

27,258 Points

Perfect! Thank you! Spot on! I've upgraded your answer as "Best Answer".

Thanks, glad I could help :)