Skip to main content
Palavras desnecessárias e correções ortograficas e tags
Fonte Link

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

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

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

Fonte Link

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