INNER CODE UNIT · JavaScript

CheckoutCart

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

class CheckoutCart extends HTMLElement {
  connectedCallback() {
    this.innerHTML = `
      <a href="/">&lt; home</a> -
      <a href="/checkout/pay">pay &gt;</a>
      <h1>🛒 Cart</h1>
      <a href="/product/eicher">
        Eicher Diesel 215/16<br>
        <img src="https://mi-fr.org/img/eicher.svg" width="100">
      </a>`;
  }
}
window.customElements.define("checkout-cart", CheckoutCart);

class CheckoutPay extends HTMLElement {
  connectedCallback() {
    this.innerHTML = `
      <a href="/checkout/cart">&lt; cart</a> -

View source record →