JavaScript - Eventos do Teclado com JavaScript

<html lang="pt-br">
<head>
    <meta charset="utf-8">
    <title>Eventos do Teclado</title>
</head>
<body>
    <h3>Eventos do Teclado com JavaScript</h3>
    <p>Pressione alguma tecla.</p>
    <p class="pr"></p>
    <script>
        // Adiciona Evento para Teclado
        document.addEventListener("keydown", function(event) {
            // Verifica se a tecla pressionada é tecla A
            if (event.code === "KeyA") {
                document.querySelector(".pr").textContent = "Você pressionou a tecla A!";
            // Verifica se a tecla pressionada é tecla B
            } else if (event.code === "KeyB") {
                document.querySelector(".pr").textContent = "Você pressionou a tecla B!";
            // Verifica se a tecla pressionada é tecla C
            } else if (event.code === "KeyC") {
                document.querySelector(".pr").textContent = "Você pressionou a tecla C!";
            // Caso outra tecla for pressionada, apresentamos o código da tecla dentro do parágrafo.
            } else {
                document.querySelector(".pr").textContent = "Você pressionou uma tecla diferente: " + event.code;
            }
        });
    </script>
</body>
</html>