Estoy haciendo una actividad con JavaScript donde debo llamar a una API externa y obtener la información que contiene, la estructura del archivo JSON es la siguiente:

 "dates": { "2020-03-22": { "countries": {

El problema es que cuando obtengo la información la pongo en una variable llamada 'info' y para llegar al date camp he puesto el texto de la fecha en otra variable para concatenar con el objeto anterior, pero el problema es que me devuelve 'indefinido' ' valor.

Aquí está el código que hice para obtener la información:

 function callAPI() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if(this.readyState == 4 && this.status == 200){ var info = JSON.parse(this.responseText); var dateApi = "2020-03-22"; console.log(info.dates.dateApi); } } xmlhttp.open("GET", "https://api.covid19tracking.narrativa.com/api/2020-03-22/country/spain"); xmlhttp.send(); }