Respostas no Fórum
-
Posts
-
Bom dia, meu amigo
O programa roda , mais a cor do background e as fotos não mudam, conforme as horas são atualizadas.
no meu codigo a ID imagem está aonde está em “foto manha na DIV, mais quando coloquei o cod aqui não esta aparecendo.
segue o cod JavaScript
function carregar() {
var msg = window.document.getElementById(‘msg’)
var im = window.document.getElementById(‘image ‘)
var data = new Date()
var hora = data.getHours()msg.innerHTML =
Agora são ${hora} horas.
if (hora >= 0 && hora < 12) {
im.src = “manha.png”
document.body.style.background = ‘cede7b’
} else if (hora >= 12 && hora <= 18) {
im.src = “tarde.png”
document.body.style.background = “green”
} else {
im.src = ‘noite.png’
document.body.style.background = ‘red’
}
}
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="p.css">
<script src="p1.js"></script>
<title>Hora do Dia</title>
</head>
<body onload ="carregar()">
<header>
<h1>Hora do dia</h1></header>
<section>
<div id='msg'>
Aqui vai aparecer a mensagem...
</div>
<div>
</div>
</section>
<footer>
<p>© Mauro Junior</p>
</footer>
</body>
<script src="p1.js"></script>
</html>
<!DOCTYPE html>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<link rel=”stylesheet” href=”p.css”>
<script src=”p1.js”></script>
<title>Hora do Dia</title>
</head>
<body onload =”carregar()”>
<header>
<h1>Hora do dia</h1></header>
<section>
<div id=’msg’>
Aqui vai aparecer a mensagem…
</div>
<div>
</div>
</section>
<footer>
<p>© Mauro Junior</p>
</footer>
</body>
<script src=”p1.js”></script>
</html>codigo JavaScricpt :
function carregar() {
var msg = window.document.getElementById(‘msg’)
var im = window.document.getElementById(‘imagem ‘)
var data = new Date()
var hora = data.getHours()msg.innerHTML =
Agora são ${hora} horas.
if(hora >= 0 && hora < 12) {
im.src =”manha.png”
document.body.style.background = ‘cede7b’
} else if(hora >= 12 && hora <= 18) {
im.src = “tarde.png”
document.body.style.background = “green”
} else{
im.src = ‘noite.png’
document.body.style.background = ‘red’
}
}
