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 AJAX Basics (retiring) AJAX and APIs Create a callback function

Posted by MUZ140064 Onias Muchabaiwa
MUZ140064 Onias Muchabaiwa
5,981 Points

Challenge Task 1 of 3

Create an empty function named showWeather. It should have 1 parameter named weatherReport. You don't need to put any code inside the function yet.

weather.js 
$(document).ready(function() {
  var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather';
  var data = {
    q : "Portland,OR",
    units : "metric"
  };
});
function showWeather(weatherReport) {};
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>
MUZ140064 Onias Muchabaiwa
MUZ140064 Onias Muchabaiwa
5,981 Points

GUYS AM STUCK PLZ HELP

4 Answers

Yvette Alasti
Yvette Alasti
17,589 Points
Yvette Alasti
Yvette Alasti
17,589 Points

your answer is correct but it should be moved before the });

Cameron Mosser
Cameron Mosser
7,102 Points
Cameron Mosser
Cameron Mosser
7,102 Points

The location of your function is causing the issue:

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

To correct this issue, relocate your function, like this:

$(document).ready(function() {
  var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather';
  var data = {
    q : "Portland,OR",
    units : "metric"
  };
  function showWeather(weatherReport) {}; <!-- you need to place your function here -->
});
Nejc Vukovic
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Points
Nejc Vukovic
.a{fill-rule:evenodd;}techdegree seal-36
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Points 
var showWeather = function(weatherReport);

You have to be careful: you have to create a named function not an anonymous one.

Hope it helps.

ellie adam
ellie adam
26,377 Points
ellie adam
ellie adam
26,377 Points

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

}; var showWeather = function showWeather(weatherReport) {}; });

I solved mine with this code :)