pegar comandos do teclado - JavaScript

serAleatorio1212 · Julho 30, 2019

Seguinte, preciso que cada vez que eu aperto uma tecla teclado, apareça uma frase, estou tentando fazer, so que quando aperto a tecla pela segunda vez, em vez de a frase ir pra baixo, ela vai cobre a primeira, em vez de cobrir, eu gostaria que ela fosse pra baixo, tenderam ? nao julgue, sou iniciante em JavaScript :v

<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <title>javascript</title>
    <link href="https://fonts.googleapis.com/css?family=Geostar&display=swap" rel="stylesheet">

    <meta charset="utf-8">
    <style>
   body{
       background-color: black;
   }
#t1{
    color:#01DF01;
      }
    </style>
  </head>
  
  <body onkeypress="frase1()" onkeypress="frase2()" > 
    
      <br>
    <h1 id="t1"></h1><br>
    <h1 id="t2"></h1>
    <h1 id="t3"></h1>
    <h1 id="t4"></h1>

    
    <script>
    function frase1(){
    document.getElementById('t1').innerHTML = 'frase 1';
}
 function frase2(){
      document.getElementById('t2').innerHTML = 'frase 2;
    }
    </script>
  </body>
</html>

Felipe Guedes Coutinho · Julho 30, 2019

serAleatorio1212

Veja se o código abaixo lhe ajuda:

Arquivo FRASES.HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content=""/>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<head><title>Obter o código da tecla pressionada</title>
</head>
<body>

<p>Experimente pressionar qualquer tecla e uma mensagem mostrará o código da tecla pressionada.</p>
<p id='pressed'>Teclas pressionadas: </p>
</body>
</html>

Se a resposta lhe for útil, não esqueça de agradescer o POST e votar positivo.

Espero ter ajudado de alguma forma.

Att.

Felipe Guedes Coutinho