Web Components sample

<my-name>佐藤</my-name>

class Sample extends HTMLElement {
  static get template() {
    return `
      

        私の名前は鈴木です。
      
    `;
  }
  constructor() {
    super();
    this.attachShadow({
      mode: 'open'
    }).innerHTML = Sample.template;
  }
}
customElements.define('my-name', Sample);