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