[Bug] Uncaught SyntaxError: Identifier 'listaDeTeclas' has already been declared | JavaScript para Web: Crie páginas dinâmicas

<!DOCTYPE html>

<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="desafio-estilo.css">
        <script src="desafio-script.js"></script>
    </head>
        <h1> Alura Fone </h1>
        <section class="teclado">
            <input type="button" value="1">
            <input type="button" value="2">
            <input type="button" value="3">
            <input type="button" value="4">
            <input type="button" value="5">
            <input type="button" value="6">
            <input type="button" value="7">
            <input type="button" value="8">
            <input type="button" value="9">
            <input type="button" value="*">
            <input type="button" value="0">
            <input type="button" value="#">
    </section>

    <input type="tel" placeholder="Digite seu telefone">

    <audio  src="sounds/keyw.wav" id="som_tecla_clap"></audio>

    <script src="desafio-script.js"></script>

</html>

* {
    box-sizing: border-box;
  }

  body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #191919;
    min-height: 100vh;
  }

  input {
    border: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
  }

  h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    color: #fff;
  }

  .teclado {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px; 
    background-color: #cccccc;
    border-radius: 30px;
    padding: 10px;
  }

  input[type=button] {
    border-radius: 20px;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    height: 80px;
    width: 80px;
  }

  input[type=tel] {
    background-color: #cccccc;
    border-radius: 10px;
    font-family: monospace;
    font-size: 22px;
    height: 40px;
    margin-bottom: 24px;
    padding: 10px;
    text-align: center;
    width: 280px;
  }

function tocaSomClap() {
    document.querySelector('#som_tecla_clap').play()
}


const listaDeTeclas = document.querySelectorAll('input[type=button]');

Galera meu código fica dando erro de sintaxe mas não estou percebendo onde errei, alguém pode me ajudar?

Olá Daniel, tudo bem?

Primeiramente queria lhe agradecer pela espera em receber uma resposta.

Em relação ao código, o erro apresentado (Uncaught SyntaxError: Identifier 'listaDeTeclas' has already been declared), ocorre quando uma variável com o mesmo nome foi declarada várias vezes no mesmo escopo usando as palavras-chave let ou const. Para resolver o erro, certifique-se de declarar variáveis apenas uma única vez em um escopo.

Analisando o que você postou acima não ficou claro nenhum erro presente de fato, porém acredito que deva existir mais linhas que não foram apresentadas onde a uma nova const foi declarada com o mesmo nome (listaDeTeclas). Observe se isso aconteceu e corrija para que volte a funcionar sem apresentar nenhum erro.

Em caso de mais dúvidas, me coloco à disposição.

Grande abraço e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!