I am trying to show a blockchain address (App.account) at the top right of my HTML by rendering it using Jquery.

JS

 loadAccount: async () => {
       web3.eth.getAccounts().then(function(result){
        App.account = result[0]
        console.log(App.account)
       })'''



render: async() => {
     $('#account').html(App.account)
   }

HTML

    <ul class="navbar-nav px-3">
        <li class="nav-item text-nowrap d-none d-sm-none d-sm-block">
          <small><a class="nav-link" href="#"><span id="account"></span></a></small>
        </li>
      </ul>

I am trying to enter App.account address that i see in console.log and display it on my html where the span tag is identified by account.

Does anyone know why this is not showing on interface?