Javascript for json object nothing shows in the html page? -
i'm following js tutorial, , i've faced problem: list not showing in browser.
i checked script part, it's okay. didn't find error in code.
the output on page's browser should somthing list:
*facebook:... *instagram:...
script:
var info= { "full_name": "tim berner ", "tile": "staff author", "links": [ {"facebook": "https://web.facebook.com/"}, {"instagram": "https://www.instagram.com/"} ] }; var output = ''; (var = 0; <= info.length; i++){ (key in info.links[i]){ if (info.links[i].hasownproperty(key)){ output += '<li>' + '<a href= "' + info.links[i] [key] + ' ">' + key + '</a> ' + '</li>' ; } //hasownproperty } //for each object } //for each array element var update = document.getelementbyid('links'); update.innerhtml = output;
you missing .links
in statement condition. see working javascript code below:
var info = { "full_name": "tim berner ", "tile": "staff author", "links": [ { "facebook": "https://web.facebook.com/" }, { "instagram": "https://www.instagram.com/" } ] }; var output = ''; (var = 0; <= info.links.length; i++) { (key in info.links[i]) { if (info.links[i].hasownproperty(key)) { output += '<li>' + '<a href= "' + info.links[i][key] + ' ">' + key + '</a> ' + '</li>'; }//hasownproperty }//for each object }//for each array element var update = document.getelementbyid('links'); update.innerhtml = output;
Comments
Post a Comment