sindrenm/index.html

## index.html
<html>
  <head>
    <title>Web Components Test</title>

    <script>
      class ClickCounter extends HTMLElement {

        constructor() {
          super();

          this._clickCount = 0;

          this.addEventListener('click', () => {
            this.innerHTML = `Clicked ${++this._clickCount} times!`;
          });
        }

        connectedCallback() {
          this.innerHTML = 'Click me!';
        }

      }

      window.customElements.define('click-counter', ClickCounter);
    </script>

  </head>

  <body>
    <click-counter></click-counter>
  </body>
</html>
	<html>
	<head>
	<title>Web Components Test</title>

	<script>
	class ClickCounter extends HTMLElement {

	constructor() {
	super();

	this._clickCount = 0;

	this.addEventListener('click', () => {
	this.innerHTML = `Clicked ${++this._clickCount} times!`;
	});
	}

	connectedCallback() {
	this.innerHTML = 'Click me!';
	}

	}

	window.customElements.define('click-counter', ClickCounter);
	</script>

	</head>

	<body>
	<click-counter></click-counter>
	</body>
	</html>