JSFiddle - React, Tailwind, and code Playground

Babel + JSX

const myData = {
"Meta Data": {
    "1. Information": "Daily Prices (open, high, low, close) and Volumes",
    "2. Symbol": "MSFT",
    "3. Last Refreshed": "2018-07-03",
    "4. Output Size": "Full size",
    "5. Time Zone": "US/Eastern"
},
"Time Series (Daily)": {
    "2018-07-03": {
        "1. open": "100.4800",
        "2. high": "100.6300",
        "3. low": "98.9400",
        "4. close": "99.0500",
        "5. volume": "14670275"
    },
    "2018-07-02": {
        "1. open": "98.1000",
        "2. high": "100.0600",
        "3. low": "98.0000",
        "4. close": "100.0100",
        "5. volume": "19564521"
    }
}
}

Object.values(myData["Time Series (Daily)"]).forEach(function (date) {
  Object.entries(date).forEach(function([period, value]) {
  	let p = document.createElement("p")
    p.textContent = `${period}: ${value}`
    document.body.appendChild(p)
  })
})