Respostas no Fórum
-
Posts
-
Tutora 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
function 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;
}
