Questão sobre HTML

Mensagem por **helioneves** » 07 mar 2026, 11:47

Tenho uma pedra no sapato relacionada com HTML... queria usar o evento "onclick" para mudar a cor de fundo de uma página; ( supostamente ) o seguinte código devia tratar do assunto:

<html>
<body>
Click anywhere in this window to change the background color of body
<script>
window.onclick = myFunction;
function myFunction() {
var cor=document.body.style.backgroundColor;
if(cor=="#000") document.body.style.backgroundColor="#fff";
else document.body.style.backgroundColor="#000";
}
</script>
</body>
</html>

Portanto, eu queria que a cada "clicadela" no rato, o fundo da página alternasse entre preto e branco... o que estou a fazer mal?

Mensagem por **Mestre Verde** » 08 mar 2026, 21:26

Primeiro ponto: não sei o que usas para criar os teus programas (um editor de texto ou um IDE), mas eu aconselho a usar rgb(0 a 255 (vermelho), 0 a 255 (verde), 0 a 255 (azul)) em vez de hexadecimal.

Experimenta este código

Código: Selecionar todos

<html>
<body>
Clica em qualquer lugar para mudar de cor
<script>
let preto = false;

window.onclick = function() {
    if(preto){
        document.body.style.backgroundColor = "white";
    } else {
        document.body.style.backgroundColor = "black";
    }
    preto = !preto;
}
</script>

</body>
</html>

ou este se souberes que o Brawser que vais usar tem de certeza o fundo branco, se não aplicares nada como background:

Código: Selecionar todos

<html>
<head>
<style>
.preto {
    background-color: black;
}
</style>
</head>

<body>

Click anywhere in this window to change the background color

<script>
window.onclick = function() {
    document.body.classList.toggle("preto");
}
</script>

</body>
</html>

Coldhx · Mensagem por **Coldhx** » 08 mar 2026, 22:03

O problema é que o formato da propriedade

Código: Selecionar todos

document.body.style.backgroundColor

não é hexadecimal (tipo #000) mas uma string tipo

Código: Selecionar todos

rgb(0, 0, 0)

Podes resolver ao trocar o teu if para...

Código: Selecionar todos

if(cor=="rgb(0, 0, 0)")

... mas a solução ideal passa por não fazer comparação de strings e guardar o estado numa variável separada (como é exemplo da resposta acima, a variavel "preto").

Mensagem por **Mestre Verde** » 09 mar 2026, 19:56

Boa, referi em cima o formato rgb e esqueci-me de substituir no código, eu também....

Mensagem por **helioneves** » 11 mar 2026, 14:20

obrigado meus senhores pelas respostas!
Entretanto tinha descoberto num outro fórum o problema do meu código ( não é só aqui que há gente prestável...

)
apesar de ainda não perceber porque é que o seguinte código não devolve absolutamente nada:

document.write(document.body.style.backgroundColor);

mas enfim, não se pode ter tudo...

Questão sobre HTML

Questão sobre HTML

Re: Questão sobre HTML

Re: Questão sobre HTML

Re: Questão sobre HTML

Re: Questão sobre HTML