Home › Fóruns › JavaScript › Como trocar o background por img em vez de color
Marcado: body
- Este tópico contém 6 respostas, 3 vozes e foi atualizado pela última vez 4 anos, 1 mês atrás por
Tutora Mayla.
-
AutorPosts
-
-
23 de fevereiro de 2021 às 15:41 #61652
magnilson moreira
ParticipanteOla amigos do curso estou na aula 12 do JS e fazendo os exercicios do site que troca a imagem da div e o a cor do fundo, eu nao estou conseguindo trocar a o fundo do body por imagem pelo Js, alguem sabe como me ajudar?
-
23 de fevereiro de 2021 às 19:11 #61668
IcaroFilho
ModeradorBoa noite amigo,
Manda o seu codigo css pra dar uma olhada. -
23 de fevereiro de 2021 às 20:37 #61683
Tutora Mayla
MestreMagnilson, poderia por favor nos enviar seu código JS e o CSS para que possamos entender melhor o que está acontecendo.
-
25 de fevereiro de 2021 às 14:06 #61775
magnilson moreira
Participantefunction load(){
var msg= document.getElementById(‘msg’)
var img= document.getElementById(‘sol’)
var data= new Date()
var hour=data.getHours()
var min=data.getMinutes()
var seg=data.getSeconds()
var back= document.getElementsByTagName(‘body’)[0]
msg.innerHTML=Now it's ${hour}:${min}:${seg}
if (hour>=0 && hour<=12){
msg.innerHTML += ‘<br>Good Morning!’
img.src=’img/manha.jpg’
back.style.background= ‘#59A5D8’
} else if (hour>= 12 && hour <18){
msg.innerHTML += ‘<br>Good Afternoon!’
img.src=’img/tarde.jpg’
back.style.background= ‘#E0DFAB’
} else {
msg.innerHTML += ‘<br>Good Evening’
img.src=’img/noite.jpg’
back.style.background = ‘#0062C8’
}}
CSS
body {
background: rgb(54, 175, 245);
font: normal 15pt Arial;
}
header {
color: whitesmoke;
text-align: center;
}section {
background-color: white;
border-radius: 15px;
padding: 20px;
width: 800px;
margin: auto;
box-shadow: 3px 3px 7px rgb(15, 15, 15);
text-align: center;}
div#foto{
padding: 15px;
}footer {
color: whitesmoke;
text-align: center;
font-style: italic;
} -
26 de fevereiro de 2021 às 21:49 #61867
Tutora Mayla
MestreMagnilson, pelo o que o exercício propõe o seu código está correto.
Caso sua vontade seja fazer além, para trocar o fundo do body por uma imagem no lugar de uma cor, pode-se fazer o seguinteback.background = 'url(endereço-da-imagem.jpg)';
. Este código diz para o navegador buscar a imagem que está no endereço inserido para desenhar o fundo do elemento.
Espero ter ajudado, quaisquer outras dúvidas estamos a disposição. -
28 de fevereiro de 2021 às 15:07 #61930
magnilson moreira
ParticipanteTutora Mayla, esse comando nao deu certo nao o VSCode ta dizendo que ta fora de uso o ‘background’
Mas eu consegui achar no W3school o codigo correto para essa finalidade que eu queria:
object.style.backgroundImage= "url('img/image.png')"
da primeira vez que tentei sozinho nao consegui ahcar nem no MDN mas hoje foi. muito obrigado toda ajuda
-
1 de março de 2021 às 20:58 #62003
Tutora Mayla
MestreMagnilson, obrigada por compartilhar essa informação!
-
-
AutorPosts
- Você deve fazer login para responder a este tópico.