Como fazer um contador com javascript?

19 de março de 2020 4 respostas

TheWindWaker 19 de março de 2020

Boa tarde

Como eu faço para construir um contador usando javascript , um bem simples , regressivo que começe no cinco e vá até o zero. Também gostaria de saber como posicionar ele na minha página web. Aqui vão algumas fotos do meu site , está meio zoado, pois sou iniciante ainda : ![Meusite|690x387](upload://lbrjN9fWiGkykUK2p2V60PhC5bm.png) O código-fonte do contador que eu fiz : Desenhos animados

<script language="Javascript" src="JAVASCRIPT/codigo.js">
		
		</script>
		
		<script>
		        var teste = 0;
				
				
				while(teste<5){
				
				teste++;
				document.write(teste);
				
				}
		     
			 
				
		
		</script>
		
		
		
		<style>
		       .fundo{
                      background-image:url("IMAGENS/baloes.jpeg");
                    }
		</style>
		
		
</head>

4 Respostas

Lucas_Camara 19 de mar. de 2020 2 likes

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>Contador</title>  
    <style>  
        .contador {  
            font-size:50px;  
        }
    </style>  
</head>  
      
<body>
	<div class="contador">
		Contador: 
    	<span id="contador"></span>
	</div>
	
	<script>
		let elemento = document.querySelector('#contador');
		let contador = 0;
		
		setInterval(() => elemento.innerHTML = contador++, 1000);
	</script>
</body>
  
</html>

TheWindWaker 22 de mar. de 2020

Vlw mano funcionou aqui ,só tem algumas coisas que eu não conhecia como essa palavra- reservada let e esse método querySelector mas já deu pra resolver metade do problema.
Vou estuda mais um pouco aqui mas vlw mesmo.

Lucas_Camara 22 de mar. de 2020 1 like

let é uma forma de declarar variável com um escopo reduzido. FONTE

querySelector é uma função que permite recuperar elementos do DOM através de seletores. FONTE

TheWindWaker 24 de mar. de 2020

Vlw.

Criado 19 de março de 2020

Ultima resposta 24 de mar. de 2020

Respostas 4

Participantes 2

Boa tarde

4 Respostas

Topicos relacionados