Skip to main content
2 de 2
Palavras desnecessárias e correções ortograficas e tags

Trocar a cor do body a cada clique

Tenho conhecimento em HTML e CSS intermediário e estou estudando JavaScript.

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>

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