Stuck on quiz in Ajax basics

Question

My last line of code is wrong. Everything worked up until then. Below are the instructions, the error code and my answer. I obviously missed something on how to use the .text() even after reading up on in in jquery.api.

Instructions: 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

Error message: Bummer! You need to chain the text() method to your selection. Add a dot after the jQuery selection, followed by 'text()'.

My 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").html(statusHTML); $(‘#main”).text(); }; });

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){
   $("#temperature").html(statusHTML);
    $('#main').text();
  };
});

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>

Answer 1 · 2017-07-21T16:45:49Z

July 21, 2017 4:45pm

You are close.

The object that is returned into the showWeather method as weatherReport has a property called main on it. In order to access this property temp, you need to to use dot notation as shown in the instructions: weatherReport.main.temp.

Then instead of using the jQuery method .html, it is wanting you to use the .text method.

So you have gotten this far:

function showWeather(weatherReport){
   $("#temperature").html(statusHTML);
};

Try replacing the html method with text:

$("#temperature").text(statusHTML);

And then try replacing statusHTML with weatherReport.main.temp

Welcome to the Treehouse Community

Looking to learn something new?

S Ananda

S Ananda

Stuck on quiz in Ajax basics

1 Answer

Joe Beltramo

Joe Beltramo

S Ananda

S Ananda

Joe Beltramo

Joe Beltramo

S Ananda

S Ananda

Joe Beltramo

Joe Beltramo

S Ananda

S Ananda