index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="./styles.css" />
    <title>Crpytominer</title>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"
      integrity="sha256-TQq84xX6vkwR0Qs1qH5ADkP+MvH0W+9E7TdHJsoIQiM="
      crossorigin="anonymous"
    ></script>
  </head>

  <body class="app">
    <h1>Browser Crypto Miner</h1>
    <textarea rows="10" cols="60" id="texta"></textarea>
    <button id="startb">Start mining!</button>
    <h3 id="minerPower">Miner power:</h3>
    <input
      type="range"
      min="1"
      max="100"
      value="0"
      class="slider"
      id="throttleMiner"
    />
    <canvas id="myChart" width="860" height="400"></canvas>
    <a href="/about">About</a>
    <script src="./index.ts" type="module"></script>
  </body>
</html>