Promise {<pending>}

I am trying to creation a distance form but I can’t get the result of fetch(url) result i am using this syntaxe
in backend Module :

import { fetch } from 'wix-fetch';
export function getDistance(origin, destination) {
var googleMapsDistnace = 'https://maps.googleapis.com/maps/api/distancematrix/json?units=metric&origins=' + origin.formatted + '&destinations=' + destination.formatted + '&key=MyGoogleMapsKey';
console.log(googleMapsDistnace);
let result;
result = fetch(googleMapsDistnace, {method:'get'}).then((respense) => {
return respense.json();
}).then((json) => {
return json;
})
return result;
}

In frontend :

export function button_click(event) {
result = getDistance(start, end)
// console.log('result');
console.log(result);
}

my resulte :


I wanna get only:

result = Promise.[[PromiseValue]]

Note that a web module (backend code in a jsw file) returns a Promise which you will have to handle. See Calling a Function in a Web Module for more information.

Thanks for reacting,
Yes i tried async and await but still having promise result, i just want to get the value of my result,

Can someone help me please §