Claudia

Respostas no Fórum

Visualizando 8 posts - 1 até 8 (de 8 do total)
  • Autor
    Posts
  • Claudia
    Participante

    Esqueci de mencionar, que o erro está no HTML.
    ou seja:

    No HTML, há um espaço em branco após o ID “imagem”, o que está causando um erro ao tentar selecionar o elemento por meio do JavaScript usando document.getElementById(“imagem”). Para corrigir o problema, removi o espaço em branco após o ID:

    Claudia
    Participante

    ACHEI O ERRO!!!!!!!!!!!!!!!!

    Há um espaço em branco após o ID “imagem”, o que causa um erro ao tentar selecionar o elemento por meio do JavaScript usando document.getElementById(“imagem”). Para corrigir o problema, removi o espaço em branco após o ID:

    Aqui em baixo, logo após a palavra “imagem” está o erro!

    foto do dia </div>

    To emocionada! Agora posso continuar o exercício hehehehe 🙂

    Claudia
    Participante

    Jessica, obrigada por responder!
    A crase existe no código original. Porém, quando vou copiar para vocês, aparece a palavra “code”.
    Sendo assim, não é esse o problema. 🙁

    Claudia
    Participante

    Sim, já fiz de tudo!
    Quando vou ver o script, a msg.innerHTML = Agora são ${hora} horas. Mostra exatamente a hora do meu computador porém, a imagem não muda. Fica apenas aquela que adicionei no HTML.

    Claudia
    Participante

    Infelizmente não consigo achar o erro!
    Estou perdendo tempo a 2 dias,lendo perguntas e respostas de colegas onde visivelmente o problema é outro.
    Meu código parece completamente correto. Não acho o problema! Já refiz inumeras vezes!

    <!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">
        <title>Hora do Dia</title>
        <link rel="stylesheet" href="estilo.css">
    </head>
    <body onload="carregar()">
    
        <header>
            <h1>Hora do Dia</h1>
        </header>
    
        <section>
    
            <div id="msg">
                Aqui vai aparecer a mensagem
               
            </div>
    
            <div id="foto">
                
                <img id="imagem " src="fotonoite.png" alt="foto do dia">
                
            </div>
    
        </section>
    
        <footer>
            <p>&copy;Curso em Vídeo</p>
        </footer>
    
    <script src="script.js"></script>
        
    </body>
    </html>
    
    No Script ficou: 
    
    function carregar() {  
        var msg = window.document.getElementById("msg")
        var img = window.document.getElementById("imagem")
        var data = new Date()
        var hora = data.getHours()
        
        msg.innerHTML = <code>Agora são ${hora} horas.</code>
    
        if (hora >= 0 && hora < 12) {
            //Bom DIA!
            img.src ="fotomanha.png"
    
        } else if (hora >= 12 && hora <= 18) {
            //BOA TARDE!
            img.src ="fototarde.png"
    
    } else {
            //BOA NOITE!
            img.src ="fotonoite.png"
        }
    
    }
    Claudia
    Participante

    Não consigo achar o erro para as fotos não trocarem quando os horários são alterados.

    <!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">
        <title>Hora do Dia</title>
        <link rel="stylesheet" href="estilo.css">
    </head>
    <body onload="carregar()">
    
        <header>
            <h1>Hora do Dia</h1>
        </header>
    
        <section>
    
            <div id="msg">
                Aqui vai aparecer a mensagem
               
            </div>
    
            <div id="foto">
                
                <img id="imagem " src="fotomanha.png" alt="foto do dia">
                
            </div>
    
        </section>
    
        <footer>
            <p>&copy;Curso em Vídeo</p>
        </footer>
    
       <script src="script.js"></script>
        
    </body>
    </html>
    
    No Java Script 
    
    function carregar() {  
        var msg = window.document.getElementById("msg")
        var img = window.document.getElementById("imagem")
        var data = new Date()
        var hora = data.getHours()
        msg.innerHTML = <code>Agora são ${hora} horas.</code>
    
        if (hora >= 0 && hora < 12) {
            //Bom DIA!
            img.src = "fotomanha.png"
        } else if (hora >= 12 && hora <= 18) {
            //BOA TARDE!
            img.src = "fototarde.png"
        } else {
            //BOA NOITE!
            img.src = "fotonoite.png"
        }
    
    }
    
    em resposta a: questões 6 e 8 do modulo 1 programação #113231
    Claudia
    Participante

    Jessica, não funcionou! Até por que, muitos exercícios são diferentes! O unico parecido, tinha alguns erros que mais me deixaram confusa que ajudou.
    Não estou pedindo a resposta, gostaria apenas de saber como chamar o arredondamento para o meu código.
    Assisti algumas explicações no YouTube, mas como são antigas, não bate com o novo formato do Portugol.
    Mesmo assim obrigada por tentar ajudar!

    em resposta a: questões 6 e 8 do modulo 1 programação #112739
    Claudia
    Participante

    `programa
    {
    inclua biblioteca Matematica –> mat

    funcao inicio()
    {

    escreva(“{ EXERCÍCIO 006 – Conversor de Medidas} \n” )
    escreva(” \n——–CONVERTENDO———\n”)
    escreva ( “\n Distância em metros: \n”)

    real m, resp, arredondado

    leia (m)
    resp = m/1000
    arredondado = mat.arredondar(resp, 2)

    escreva (“\n” + (m) + ” m, é igual: \n”)

    escreva (“\n” + (m/1000) + ” km \n”)
    escreva ((m/100) + ” hm \n”)
    escreva ((m/10) + ” dam \n”)
    escreva (m + ” m \n”)
    escreva (( m * 10) + ” dm \n”)
    escreva ((m * 100) + ” cm \n”)
    escreva ((m * 1000) + ” mm \n”)

    }
    }

Visualizando 8 posts - 1 até 8 (de 8 do total)