gustavoguanabara / javascript

Curso de JavaScript

Home Page:https://gustavoguanabara.github.io/javascript/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

minha imagem não muda conforme o horario

Igor-monteiro-barreto opened this issue · comments

Bem eu já tentei mudar o nome dos arquivos mas nem isso resolveu

-- a imagem era para mudar conforme o horario porém eu não consegui :(

function carregar(){ const msg = document.getElementById('msg') const img = document.getElementById('imagens') const data = new Date() const hora = data.getHours() msg.innerHTML = Agora são ${hora} Horas.if (hora >= 0 && hora <= 12 ){ //msg.innerHTML =bom dia.img.src ='manhafoto.png' document.body.style.background= '#e5c247' } else if(hora >= 12 && hora <= 18){ // msg.innerHTML =boa tarde.img.src = 'tardefoto.png' document.body.style.background = '#6a6f29' } else{ // msg.innerHTML =Boa Noite. img.src = 'noitefoto.png' document.body.style.background = '#4e3d61' } }

<section> <div id="msg"> </div> <div id="imagens"><img src="manhafoto.png" alt="foto_manha" id="imagens"> </div> </section>

Olá @Igor-monteiro-barreto ,ao analisar o código que você disponibilizou, percebi que toda vez que você vai fazer um (inner.HTML), você põe o sinal de (=) porém ao digitar a mensagem você não põe ela entre( crase ) talvez possa ser isso

Eu consegui resolver o problema estava no nome do arquivo eu acho, bem faz um tempinho que fiz esse código mas pelo que eu me lembrava acho que era uma funcionalidade que esta escrita errada.
No caso do swite (case) eu acho que seria desnecessário pois só a três condicionais
function carregar(){ const msg = document.getElementById('msg') const img = document.getElementById('imagens') const data = new Date() const hora = data.getHours() msg.innerHTML = Agora são ${hora} Horas.if (hora >= 0 && hora <= 12 ){ //msg.innerHTML =bom dia.img.src ='manhafoto.png' document.body.style.background= '#e5c247' } else if(hora >= 12 && hora <= 18){ // msg.innerHTML =boa tarde.img.src = 'tardefoto.png' document.body.style.background = '#6a6f29' } else{ // msg.innerHTML =Boa Noite. img.src = 'noitefoto.png' document.body.style.background = '#4e3d61' } }
foi assim que ficou o código final
`

<title>Exercicio 01</title>

Hora do dia

foto_manha

exercicio 1 ©

<script src="exercicio01.js"></script> `