INNER CODE UNIT · JavaScript

CheckoutPay

naltatis/micro-frontends-in-action-code · 13_client_side_flat_routing/team-checkout/pages.js:15

class CheckoutPay extends HTMLElement {
  connectedCallback() {
    this.innerHTML = `
      <a href="/checkout/cart">&lt; cart</a> -
      <a href="/checkout/success">buy now &gt;</a>
      <h1>💵 Pay</h1>`;
  }
}
window.customElements.define("checkout-pay", CheckoutPay);

class CheckoutSuccess extends HTMLElement {
  connectedCallback() {
    this.innerHTML = `
      <a href="/">home &gt;</a>
      <h1>🥳 Success</h1>`;
  }
}
window.customElements.define("checkout-success", CheckoutSuccess);

View source record →