Sou novo no Stack Overflow e no mundo da programação em javascript
Tenho conhecimento em HTML e CSS intermediariointermediário e estou estudando Javascript...
Enfim..JavaScript.
Eu consigoConsigo mudar o o background do body com evento "onclick"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