JSFiddle - React, Tailwind, and code Playground
by Laurie
HTML
<div id="locations"></div>
JavaScript
var myJson = [
{
"title": "Albuquerque",
"address": "4233 Montgomery NE\nSuite 200\nAlbuquerque, NM 87109\n\n",
"region": "4;#Rocky Mountain",
"type": "Field Office"
},
{
"title": "Littleton",
"address": "640 Plaza Drive\nSuite 200\nHighlands Ranch, CO 80129\n\n",
"region": "4;#Rocky Mountain",
"type": "Regional Office"
},
{
"title": "Salt Lake City",
"address": "222 South Main Street\nSutie 500\nSalt Lake City, UT 84101\n\n",
"region": "4;#Rocky Mountain",
"type": "Field Office"
},
{
"title": "Westminster",
"address": "8501 Turnpike Drive\nSuite 200\nWestminster, CO 80031\n\n",
"region": "4;#Rocky Mountain",
"type": "Field Office"
},
{
"title": "Boise",
"address": "950 West Bannock\nSuite 1142 and 1143\nBoise, ID 83702\n\n",
"region": "1;#Northwest",
"type": "Field Office"
},
{
"title": "Tualatin",
"address": "18840 SW Boones Ferry Road\nSuite 300\nTualatin, OR 97062",
"region": "1;#Northwest",
"type": "Regional Office"
}
];
var $locations = $('#locations');
for(var i = 0; i < myJson.length; i++) {
$locations.append($('<div>').html(myJson[i].address));
}