I got geo-coordinates from an API. An try to log them to the console separately. When I log them as an array everything works, but when I try to access the elements in it with array[0] the console says undefined... What am I doing wrong? Here is the code:

  async function get_geocode(x) {
  const response = await fetch(x);
  
  const data = await response.json();
  console.log(data.features[0].center,"center");
  let lo = data.features[0].center[0];
  let la = data.features[0].center[1];
  lo = parseFloat(lo);
  la = parseFloat(la);
  console.log(lo, la, "lola");
  return [lo, la];
}


document.getElementById("mybutton").onclick = function(){
  //let coordinates=[];
  //var coordinates = new Float32Array(2);
  let values = [];
  [...]

  
  values = get_geocode(geocode_api_link);
  console.log(values, "coordinates");
  console.log(values[0], "eins");
  console.log(values[1], "zwei");



}

And the output is:

[Log] (2) (index.js, line 36) Promise

result: [12.345678, 99.345678] (2)

status: "resolved"

Promise Prototyp "coordinates" [Log] undefined – "eins" (index.js, line 37)

[Log] undefined – "zwei" (index.js, line 38)

[Log] (2) (index.js, line 5) [12.345678, 52.456213] (2) "center"

[Log] 12.345678 – 99.345678 – "lola" (index.js, line 10)

So I can log the whole array but not the single elements in it.. What do I do wrong?