Skip to main content
1 de 2

Trocar a cor do body a cada clique

Sou novo no Stack Overflow e no mundo da programação em javascript

Tenho conhecimento em HTML e CSS intermediario e estou estudando Javascript...

Enfim...

Eu consigo mudar o o background do body com evento "onclick" normalmente somente uma vez.

Eu queria que eu clicasse novamente ele trocaria para outra cor

<!DOCTYPE html>
<html>
<head>
    <title>teste</title>
</head>
<body id="trocar" onClick="mudarCor()">

<p>
teste<br>
teste<br>
teste<br>
teste<br>
teste<br>
teste<br>
teste<br>
teste<br>
teste<br>
teste<br>
teste<br>
teste<br>
</p>
<script type="text/javascript">
    function mudarCor(){
        document.getElementById('trocar').style.backgroundColor = "blue"
    }

</script>

</body>
</html>

Estou começando agora e fiquei travado nisso aí

Acredito que seja uma coisa simples que não estou conseguindo