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>