WesleySmits

class Calculator extends HTMLElement {
	constructor() {
        super();
    }
}

customElements.define('ws-calculator', Calculator);

WesleySmits

<section class="buttons grid">
  <button class="red" value="ac">AC</button>
  <button class="red" value="ce">ce</button>
  <button value="/">÷</button>
  <button value="*">x</button>

  <button value="7">7</button>
  <button value="8">8</button>
  <button value="9">9</button>
  <button value="-">-</button>

WesleySmits

<header class="calculator__display">
  <h2 class="calculator__title">TypeScript calculator</h2>
  <div class="calculator__screen">
    <span class="screen-value" data-role="display">0</span>
  </div>
</header>