[Projeto] Usando o onClick para tocar os sons

Imagino que não seja a forma mais otimizada de se fazer, mas testei usar o onClick que vimos na primeira aula para disparar o alert, mas dessa vez pra chamar a função. Aproveitei para fazer de todos os sons.

HTML

<section class="teclado">
        <button onclick="pom()" class="tecla tecla_pom">Pom</button>
        <button onclick="clap()" class="tecla tecla_clap">Clap</button>
        <button onclick="tim()" class="tecla tecla_tim">Tim</button>

        <button onclick="puff()" class="tecla tecla_puff">Puff</button>
        <button onclick="splash()" class="tecla tecla_splash">Splash</button>
        <button onclick="toim()" class="tecla tecla_toim">Toim</button>

        <button onclick="psh()" class="tecla tecla_psh">Psh</button>
        <button onclick="tic()" class="tecla tecla_tic">Tic</button>
        <button onclick="tom()" class="tecla tecla_tom">Tom</button>
    </section>

JavaScript

function pom() {
    document.querySelector('#som_tecla_pom').play();
}
function clap() {
    document.querySelector('#som_tecla_clap').play();
}
function tim() {
    document.querySelector('#som_tecla_tim').play();
}
function puff() {
    document.querySelector('#som_tecla_puff').play();
}
function splash() {
    document.querySelector('#som_tecla_splash').play();
}
function toim() {
    document.querySelector('#som_tecla_toim').play();
}
function psh() {
    document.querySelector('#som_tecla_psh').play();
}
function tic() {
    document.querySelector('#som_tecla_tic').play();
}
function tom() {
    document.querySelector('#som_tecla_tom').play();
}