Append or add JSON data to DIV using JavaScript

json javascript

Sample JSON Data!
Note: You can edit the below JSON array.

[
    { "Code": "001", "Bird_Name": "Canyon Towhee" }, 
    { "Code": "002", "Bird_Name": "Gila Woodpecker" }, 
    { "Code": "003", "Bird_Name": "White-tailed Hawk" },
    { "Code": "004", "Bird_Name": "Bald Eagle" },
    { "Code": "005", "Bird_Name": "Rock Pigeon" }
]

Click the button to add the above JSON to the <div> element.



👇 You may also like:
How to convert JSON into an HTML table using plain JavaScript 💡 No libraries, no fuss - just clean, vanilla JS to bring your data to life inside the DOM.

Go back to the Tutorial
More interesting and interactive Demos