Mudança de cor com o aperto de tecla

JavaScript Geral

Estou tentando mudar a cor do objeto quando aperto a barra de espaço. O que estou fazendo de errado?

 

<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>TESTE</title>
<meta charset="utf-8">
</head>

<body>
<style>
div
{
background-color:black;
border:2.5px solid red;
height:200px;
width:100px;
position:absolute;
}

</style>
<div id="div1"></div>

<script>

function mudarcor(obj,cor)
{
obj.style.backgroundColor=cor
}

document.getElementById("div1").addEventListener("keydown",function(event)
{

if(event.keyCode==32)
{
mudarcor(this,"red")
}
})

 


</script>

 

 

 

 

 


</body>
</html>

TESTE

Foto de Henrique S.
Henrique perguntou há 4 anos

Sabe a resposta?

Ganhe 10 pts por resposta de qualidade
Responder dúvida
1 resposta
0
votos
Nenhum usuário votou nessa resposta como útil.
Professor Angelo R.
Identidade verificada
  • CPF verificado
  • E-mail verificado
Respondeu há 4 anos

Olá Henrique,

Você pode fazer assim - https://codepen.io/angelorubin/pen/oNXRrQV?editors=0011

Bons estudos.

Envie uma dúvida gratuitamente

Envie sua primeira dúvida gratuitamente aqui no Tira-dúvidas Profes. Nossos professores particulares estão aqui para te ajudar.

Professores particulares de JavaScript

+ Ver todos
Encontre professor particular para te ajudar nos estudos