Fiquei me questionando sobre a possibilidade de resolver esses botões sem a necessidade de alterar o texto e após muita pesquisa consegui assim:

const botoes = document.querySelectorAll(".tecla");
const somBotao = document.querySelectorAll("audio");

botoes.forEach((element, index, array) => {
    element.onclick = () => somBotao[index].play();
})

Uma outra possibilidade antes de chegar nessa acima foi a seguinte:

const botoes = document.querySelectorAll(".tecla");
const somBotao = document.querySelectorAll("audio");
 for (let contador = 0; contador < botoes.length; contador++) {
     botoes[contador].onclick = () => somBotao[contador].play();
 }