index.html

<link rel="stylesheet" href="./style.css">
<script src="http://unpkg.com/tone"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js" integrity="sha512-6+YN/9o9BWrk6wSfGxQGpt3EUK6XeHi6yeHV+TYD2GR0Sj/cggRpXr1BrAQf0as6XslxomMUxXp2vIl+fv0QRA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<ul class="set">
    <li class="white c play-button"></li>
    <li class="black cs play-button"></li>
    <li class="white d play-button"></li>
    <li class="black ds play-button"></li>
    <li class="white e play-button"></li>
    <li class="white f play-button"></li>
    <li class="black fs play-button"></li>
    <li class="white g play-button"></li>
    <li class="black gs play-button"></li>
    <li class="white a play-button"></li>
    <li class="black as play-button"></li>
    <li class="white b play-button"></li>
    <li class="white c8 play-button"></li>
</ul>
<div class="info">
    <p>Octave is <span id="octaveDisplay"></span></p>
    <a id="recording-link"></a>
    <table title="samples table" class="samples" id="samples-table"></table>
</div>
<script type="module" src="./keyboard.js"></script>