gustavoguanabara / javascript

Curso de JavaScript
https://gustavoguanabara.github.io/javascript/
MIT License
3.55k stars 520 forks source link

minha imagem não muda conforme o horario #84

Open Igor-monteiro-barreto opened 11 months ago

Igor-monteiro-barreto commented 11 months ago

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' } }

`

    <div id="imagens"><img src="manhafoto.png" alt="foto_manha" id="imagens">
    </div>
</section>`
felipeInv commented 10 months ago

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

Igor-monteiro-barreto commented 10 months ago

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 `<!DOCTYPE html>

Exercicio 01

Hora do dia

foto_manha

exercicio 1 ©

`