Append or add JSON data to DIV using 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.



👉 See another example: How to convert JSON into an HTML table using plain JavaScript

Go back to the Tutorial
More interesting and interactive Demos