How to fetch data in js

Moralis General
#1

Good Morning ;
how can i display to UI the data i fetched from moralis API

//state VARIABLES
const tokenName = document.querySelector('.name')
const tokenAddress = document.querySelector('.address')

async function start(){

//Get metadata for one token
const options = { chain: "bsc", addresses: "0x8076c74c5e3f5852037f31ff0093eeb8c8add8d3" };
const tokenMetadata = await Moralis.Web3API.token.getTokenMetadata(options)
   .then(data =>{
    console.log(data)

    // assign token name to tokenName var

    tokenName.innerHTML = data.name
    tokenAddress.innerHTML = data.address
   })
}
start()

returns undefined

image
image1360×768 68.5 KB

#2

does it work if you put some randoms strings there like:

    tokenName.innerHTML = "random1"
    tokenAddress.innerHTML = "random2"

Also, what you get if you use: console.log(data.name) and console.log(data.address)?