Pessoal quando disparei os eventos pelo html funcionou a alteração das corer ao sair, clicar e entrar... mas quando passei para dentro do script através do addEventListenner não funcionou, e não consigo achar o erro :] html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title> Meu primeiro programa </title>
</head>
<body>
<header>
<h1>Iniciando os estudos com DOM</h1>
</header>
<main>
<div id="area">
Interaja
</div>
</main>
<script>
var a = window.document.getElementById('area')
a.addEventListenner('click',clicar)
a.addEventListenner('mouseenter',entrar)
a.addEventListenner('mouseout',sair)
function clicar(){
a.innerText = 'Clicou!'
a.style.background = 'green'
}
function entrar(){
a.innerText = 'Entrou!'
a.style.background = 'aquamarine'
}
function sair(){
a.innerText = 'Saiu!'
a.style.background = 'gray'
}
</script>
</body>
</html>CSS
body{
background-color: aliceblue;
}
#area{
font: normal 20pt Arial;
background-color: aquamarine;
color: rgb(39, 27, 8);
width: 150px;
height: 150px;
line-height: 150px;
text-align: center;
}
