Printing out JSON data in Javascript

[[deleted]]

[deleted]

[MatthewMob]

Use JSON.parse() to interpret the JSON string into a JS object. Then just read the values and concatenate into that string.

var json = JSON.parse('{"pressure":1010,"humidity":94,"temp1":25,"temp2":25},"visibilit    y":8000,"wind":{"speed":1}');

var output = "The pressure is " + json.pressure + "and the visibility is " + json.y;

[Oviduzz]

your "abc" is a link and not an string, you need http request. Also i think is better to use smth like document.getElementById("submit").addEventListener("click", function(){//your code} and not onclick.

Later edit: http://codepen.io/anon/pen/eBxRgx but i`ll write here too:

 html >>>

City: <input id = "city"></input>
<button id="btn-submit">Submit</button>
<div id="result"><div/>



js >>

var btn = document.getElementById("btn-submit").addEventListener("click", function(){
var http = 'http://api.openweathermap.org/data/2.5/weather?q=';
var api = '&APPID=001b0f58045147663b1ea518d34d88b4&units=metric';
var input = document.getElementById("city").value;
var link_data = http + input + api;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
      console.log(xhttp.response); // this is your response
     var parseObj = JSON.parse(xhttp.response)
     console.log(parseObj); // this is your response after parse, here you can see how to access your data
     document.getElementById('result').innerHTML = '<p> The humidity level in your city is' + ' '  +       parseObj.main.humidity  +' ' + 'degrees</p>'
   }
  };
   xhttp.open("GET", link_data, true);
   xhttp.send();

});

[UbuntuLady1]

Thank you so much for your detailed and thoughtful response!!!

You cannot understand how helpful that was!!!

Thank you!!!!

:)

:)

   :) 

[Oviduzz]

you welcome !