[Dúvida] Página não carrega com código JS

Oi, coloque seu código o aqui

Primeiro tente analisar o erro apresentado no "Console" da "Ferramentas do Desenvolvedor" (F12) do seu navegador

Como turbinar seus estudos utilizando o fórum

Esse é o código JavaScript:

function playSound(idKeyAudio) {
    document.querySelector(idKeyAudio).play();    
}

const KeysList = document.querySelectorAll('.tecla');

let counter = 0;
let keysLength = KeysList.length;

while (counter < keysLength) {

    const key = KeysList[counter];
    const instrument = key.classList[1];

    //template string
    const idSound = `#som_${instrument}`;

    key.onclick = function () {
        playSound(idSound);
    };

    key.onkeydown = function () {
        key.classList.add('ativa');
    };
}

Tentei checar o console, mas a página carrega infinitamente e não aparece nada.

O while está em loop infinito que trava a página

O counter é sempre 0

Tem que inserir um incremento do counter

while (counter < keysLength) {

  const key = KeysList[counter];
  const instrument = key.classList[1];

  //template string
  const idSound = `#som_${instrument}`;

  key.onclick = function () {
    playSound(idSound);
  };

  key.onkeydown = function () {
    key.classList.add('ativa');
  };
  counter++;  // incremento inserido
}

Nossa, devo ter apagado o counter do loop em algum momento e nem percebi, valeu!