Unable to output text from JSON to HTML. How can I do it?

Question

JavaScript

I have code

$.getJSON( "json/account.json", function(obj) { 
    $.each(obj, function(key, value) { 
        document.getElementById('nickname-menu').innerHTML = value.Name;
  		});
 	});

and JSON

{
    "Name": "Happy",
    "Title": "The Just Dancer",
    "Avatar": "1",
    "Skin": "11"
}

i want to output "Name" from json to html in h1 with id: "nickname-menu"

what did i write wrong in javascript ?

Answer 1

why are you iterating over your json?

$.getJSON( "json/account.json", function(obj) { 
    document.getElementById('nickname-menu').innerHTML = obj.Name;
});

Answer 2

document.getElementById('nickname-menu').innerHTML = value;

Answer 3

You can include jQuery and use the following algorithm:

$.getJSON('json/account.json', function (data) {
    var out=data['Name'];
    $('#nickname-menu').html(out);
}