Jump to content

Recommended Posts

Boa noite, estou tentando fazer um site, que mostre a hora no momento que é acessado, juntamente com uma imagem que represente os periodos do dia, manhã

, tarde e noite.Porém não consigo fazer com que o código em java script funcione alguém pode me ajudar (sou iniciante)?

 

 

Spoiler
<!DOCTYPE html>
<html lang="en">
<head>
<script language = "JavaScript" src="relogio.js"></script>
<title>WHAT TIME IS IT ?</title>
<link rel="stylesheet" href="estilo.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
 
 
</head>
 
<body onload="carregar()">
 
<header>
<p>WHAT TIME IS IT ?!!</P>
 
</header>
 
<section>
<div id = "msg" >
aqui vai aparecer a mensagem
</div>
 
<div id = "foto">
<img aling="right"id= "imagem"src="modelos/manha.png" alt="foto do dia">
 
</div>
 
</section>
<footer>
<p>&copy; Hugo's </p>
</footer>
 
 
 
</body>
</html>
Spoiler
function carregar(){
var msg = windoe.getElementById('msg')
var img = window.getElementById('imagem')
var data = new Date()
var horas = data.getHours()
msg.innerHTML = `Agora são ${horas} hora`
}

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By ProCODEH
      Eai, galera!
      Estou tentando criar um player de música com playlist, porém não estou tendo muito sucesso, pois quando clico em alguma música o player de música abre em outra página e não na página principal onde quero que fique o player e onde quero que toque (como padrão).

      Vocês podem me dar uma ajuda nisso?
      Tenho esse código:
       
      //* PLAYER DE MÚSICA. inicio(); function inicio(){ var corrente = 0; var audio = $("#musica"); var playlist = $("#playlist"); var tracks = playlist.find("li a"); var len = tracks.length -1; musica[0].play(); playlist.find("a").click(function(e){ e.preventDefault(); link = $(this); corrente = link.parent().index(); run(link, musica[0]); }); musica[0].addEventListener("ended", function(e){ corrente++; if(corrente == len){ corrente = 0; link = playlist.find("a")[0]; }else{ link = playlist.find("a")[corrente]; } run($(link), musica[0]); }); } function run(link, player) { player.src = link.attr("href"); par = link.parent(); par.addClass("active").siblings().removeClass("active"); player.load(); player.play(); } ul{list-style: none; padding: 0px} a{text-decoration: none; color: #444; font-family: arial} li:hover{background: #eee; border-bottom: solid 1px #f60;} li{width: 20%; padding: 5px; border-bottom: solid 1px #ccc;} .active a{color:#f60; padding-left: 1px; font-style: italic;} <audio id="musica" preload="auto" tabindex="0" controls="controls"> <source src="Blackbear-doremi.mp3" type="audio/mpeg"/> Desculpaaa, o áudio não é suportado pelo seu navegador :( </audio> <ul id="playlist"> <li class="active"><a href="Blackbear-doremi.mp3"> BlackBear - Do Re Mi</a></li> <li><a href="BMTH-Medicine.mp3"> Bring Me The Horizon - Medicine</a></li> <li><a href="Hozier-TakeMeToChurch.mp3"> Hozier - Take Me To Church</a></li> </ul>  
    • By RewelB
      Olá, gostaria de saber como faço pra que quando o usuário digite algo em um campo de texto a imagem fique girando. Eu tenho a imagem de uma engrenagem e queria que ela fizesse uma animaçãozinha no estilo da que tem nesse site: http://www.empsis.com.br/. Sou iniciante e peço desculpas se isso for muito simples de fazer. Estou usando PHP, HTML e CSS.
    • By RewelB
      Olá, gostaria de saber como faço pra que quando o usuário digite algo em um campo de texto a imagem fique girando. Eu tenho a imagem de uma engrenagem e queria que ela fizesse uma animaçãozinha no estilo da que tem nesse site: http://www.empsis.com.br/. Sou iniciante e peço desculpas se isso for muito simples de fazer. Estou usando PHP, HTML e CSS.
    • By thgsousa3122
      <?php $url = 'www.site.com'; $dadosSite = file_get_contents($url); echo $dadosSite; ?> <script type="text/javascript"> window.onload = function(){ var x = document.getElementsByClassName("fraction")[0].innerHTML= "100"; } </script> Glr tenho esse codigo, eu queria alterar o conteudo que tem como classe "fraction", porem ele nao da resposta, alguem tem alguma sujestão?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.