<div id="result"></div> 
<div id="result2"></div> 

function getData() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve({ result: "it's work" });
    }, 2000);
  });
}
function saveData(elementId, type, value) {
  var element = document.getElementById(elementId);
  element.innerHTML = `<p>${type} ${value}</p>`;
}
async function asyncF() {
  const { result } = await getData();
  saveData("result", "async", result);
}

function promiseF() {
  getData().then(data => {
    const { result } = data;
    saveData("result2", " promise", result);
  });
}
window.onload = function() {
  asyncF();
  promiseF();
};