<div id="output"></div>
const out = document.getElementById('output');

const v = {
  getOrder() {
    return new Promise(function(resolve, reject) {
      setTimeout(() => {
        out.innerHTML += "<div>hello world</div>";
        resolve(true);
      }, 500);
    });
  },

  async example() {
    out.innerHTML += "<div style='color:red'>start</div>";
    for (let i in [1, 2, 3]) {
      await this.getOrder();
      out.innerHTML += "<div>loaded " + i + "</div>";
    }
    out.innerHTML += "<div style='color:green'>finish</div>";
  }
};

v.example();
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.