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

create a callback

Challenge Task 2 of 3 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.

Bummer: When selecting a page element with jQuery, pass a CSS selector to the $() method.
weather.js index.html $(document).ready(function() { var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather'; var data = { q : "Portland,OR", units : "metric" }; function showWeather(weatherReport) { $('#tempreture') }; }); ​help me plis am stuck again

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) {
    $('#tempreture')
 }; 
});
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>

1 Answer

jamesjones21
jamesjones21
9,242 Points

Hi,

In your select query $() you have spelled temperature wrong, hence the error message.