Você está aqui: JavaScript ::: Dicas & Truques ::: Data e Hora

Como calcular a quantidade de dias restantes para o fim do ano em JavaScript

Quantidade de visualizações: 8861 vezes

Desde a época que criamos o site, muitos usuários nos perguntam como escrever um código JavaScript que calcula e mostra a quantidade de dias restantes para o fim do ano. Nesta dica eu mostro como isso pode ser feito. É claro que você pode alterá-lo para calcular a quantidade de dias restantes para qualquer data.

Veja a página HTML completa para o exemplo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!doctype html>
<html>
<head>
  <title>Datas em JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // vamos obter a data de hoje
  var hoje = new Date();
  
  // vamos construir a data do final do ano
  var fim_ano = new Date(hoje.getFullYear(), 11, 31);
  
  // quantidade de milisegundos em um dia
  var milisegundos_dia = 1000 * 60 * 60 * 24;
  
  // calculamos os dias restantes para o fim do ano
  var dias_restantes = Math.ceil((fim_ano.getTime() -
    hoje.getTime()) / (milisegundos_dia));
  
  // e mostramos o resultado
  document.write("Hoje é: " + hoje.toString() + "<br>");
  document.write("Faltam " + dias_restantes + 
    " dias para o fim do ano.");
</script>
  
</body>
</html>

Ao executar este código JavaScript nós teremos o seguinte resultado:

Hoje é: Sat Feb 04 2023 12:47:50 GMT-0300 (Horário Padrão de Brasília)
Faltam 330 dias para o fim do ano.

Link para compartilhar na Internet ou com seus amigos:

JavaScript ::: Dicas & Truques ::: Set (Conjunto)

Como converter um Set em um Array JavaScript usando a função Array.from()

Quantidade de visualizações: 1055 vezes

Em algumas situações nós gostaríamos de tratar um objeto Set da linguagem JavaScript como se ele fosse um Array, ou seja, um vetor (matriz de apenas uma linha e várias colunas). Para estes casos nós podemos usar o método Array.from(), adicionado à linguagem JavaScript na revisão ECMAScript 2015 (ES6 ou ECMAScript 6).

Este método recebe vários objetos, entre eles Map e Set, e retorna um array. Assim, veja um trecho de código no qual criamos um Set com três elementos, usamos o método Array.from() para obter um Array a partir dele e, em seguida, percorremos e exibimos os elementos do array.

Eis o código completo para o exemplo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!doctype html>
<html>
<head>
  <title>O objeto Set do JavaScript</title>
</head>
  
<body>

<script type="text/javascript">
  // vamos criar um novo conjunto contendo
  // 3 linguagens de programação
  var linguagens = new Set(["Java", "PHP", "Delphi"]);
  
  // agora vamos converter este Set em um Array
  var vetor = Array.from(linguagens);
  
  // vamos percorrer os elementos do vetor
  for(var i = 0; i < vetor.length; i++){
    document.writeln(vetor[i] + "<br>");  
  }
</script>
  
</body>
</html>

Ao executar este código nós teremos o seguinte resultado:

Java
PHP
Delphi

JavaScript ::: Dicas & Truques ::: Strings e Caracteres

Como converter uma string em um valor de ponto-flutuante em JavaScript usando a função parseFloat()

Quantidade de visualizações: 7711 vezes

Em algumas situações nós precisamos receber uma string informada pelo usuário e convertê-la para um valor real válido. Um valor em JavaScript é o mesmo que um valor com casas decimais, ou seja, um valor de ponto-flutuante.

Esta tarefa pode ser realizada com o auxílio da função parseFloat(). Veja uma página HTML completa demonstrando o seu uso:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!doctype html>
<html>
<head>
  <title>Strings em JavaScript</title>
</head>
<body>

<script type="text/javascript">
  var valor1 = "87.32";
  var valor2 = "Arquivo";
  var valor3 = "65,54";
 
  // vamos exibir os resultados
  document.write(parseFloat(valor1) + "<br>");
  document.write(parseFloat(valor2) + "<br>");
  document.write(parseFloat(valor3));
</script>
  
</body>
</html>

Ao executarmos este código JavaScript nós teremos o seguinte resultado:

87.32
NaN
65

Note que apenas a primeira string pôde ser convertida para um valor fracionário com sucesso.

JavaScript ::: Dicas & Truques ::: Set (Conjunto)

Como remover elementos duplicados de um array em JavaScript usando um Set e o método Array.from()

Quantidade de visualizações: 1218 vezes

Sabemos de outras dica de JavaScript que o objeto Set nos permite criar conjuntos únicos, ou seja, sem repetições. Sabemos também que a função Array.from() possibilita a conversão de um Set em um Array JavaScript.

Dessa forma, é possível usar essa combinação para escrever uma função personalizada que recebe um vetor (array) e retorna um outro vetor, sem elementos repetidos.

Veja o código JavaScript completo para o exemplo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!doctype html>
<html>
<head>
  <title>O objeto Set do JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // função que permite remover os elementos
  // duplicados de um array
  function semRepeticoes(vetor){
    // primeiro criamos um novo Set a partir do
    // vetor fornecido
    // Em seguida usamos o método Array.from() para
    // converter o Set em um Array
    return Array.from(new Set(vetor));
  }

  // aqui declaramos um array de String
  // com nomes repetidos
  var nomes = ["Osmar", "Maria", "Carlos", "Maria",
    "Fernanda", "Fernanda", "Osmar"];
 
  // e aqui estão os resultados
  document.writeln("Com repetição: " + nomes);
  document.writeln("<br>Sem repetições: "  +
    semRepeticoes(nomes));
</script>
  
</body>
</html>

Ao executar este código JavaScript nós teremos o seguinte resultado:

Com repetição: Osmar, Maria, Carlos, Maria, Fernanda, Fernanda, Osmar
Sem repetições: Osmar, Maria, Carlos, Fernanda

Vamos testar seus conhecimentos em Hidrologia

O Brasil apresenta um grande volume de usinas hidrelétricas instaladas na sua rede hidrográfica. Marque a alternativa que faça uma associação correta entre o nome da usina hidrelétrica e a sua localização.

A) Usina de Furnas -> Bacia Platina.

B) Usina de Belo Monte -> Bacia Amazônica.

C) Usina de Três Marias -> Bacia do Uruguai.

D) Usina de Sobradinho -> Bacia do Tocantins.

E) Usina de Itaipu -> Bacia do São Francisco.

Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Fundações

Fundações diretas ou rasas

As fundações rasas são executadas nas camadas mais superficiais do solo, geralmente em profundidades inferiores a 2m e são utilizadas comumente em obras de pequeno ou médio porte.

De acordo com a norma ABNT NBR 6122: 2010 (Projeto e execução de fundações), no que se refere às fundações superficiais rasas ou diretas, assinale a alternativa correta.

A) No dimensionamento de fundação superficial solicitada por carga excêntrica, a área comprimida deve ser de, no mínimo, dois terços da área total da fundação.

B) Levando em consideração o custo-benefício de uma obra, recomenda-se que a profundidade mínima para assentamento de uma sapata seja de 1m.

C) As partes da fundação rasa em contato com o solo devem ser concretadas sobre um lastro de concreto estrutural igual a 2,5cm de espessura.

D) No caso de fundações próximas, porém situadas em cotas diferentes, a fundação situada em cota mais alta deve sempre ser executada primeiro.

E) As sapatas isoladas não devem ter dimensões em planta inferiores a 1m. Se esse critério não puder ser utilizado, deve-se adotar outro tipo de fundação.

Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Engenharia Civil - Instalações Hidráulicas Prediais

Sistema domiciliar de abastecimento de água

Uma instalação hidrossanitária será construída numa residência. Ela apresenta dois banheiros, uma cozinha e uma área de serviços. Cada banheiro tem uma bacia com caixa de descarga, um chuveiro elétrico e um lavatório. A cozinha apresenta duas pias, e a área de serviços tem um tanque e duas torneiras de uso geral.

Com base nesses dados, qual é vazão estimada de água fria em função dos pesos atribuídos às peças de utilização, em litros por segundo?

A) 0,57.

B) 0,65.

C) 0,68.

D) 0,78.

E) 0,91

Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Python

Qual o resultado da execução do seguinte código Python?

# cria uma lista
valores = [1, 2, 3, 4]
valores[1], valores[2] = 5, 7
print(valores)

A) Um erro de execução na linha 2

B) [5, 7, 5, 7]

C) [4, 2, 3, 1]

D) TypeError: cannot unpack non-iterable int object

E) [1, 5, 7, 4]

Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Engenharia Civil - Construção Civil

Alvenaria: Técnicas construtivas

As alvenarias possuem espessuras variáveis, e o posicionamento dos tijolos ou blocos é item do projeto que influencia no desempenho da edificação e no isolamento térmico e acústico, por exemplo. Quando a alvenaria é erguida tendo tijolo maciço no sentido de sua menor espessura, denomina-se alvenaria de:

A) Meio tijolo.

B) Um tijolo.

C) Cutelo.

D) Um tijolo e meio.

E) Oca.

Verificar Resposta Estudar Cards Todas as Questões

Desafios, Exercícios e Algoritmos Resolvidos de JavaScript

Como somar dois números em JavaScript - O operador de adição da linguagem JavaScript - Exercícios Resolvidos de JavaScript

Como subtrair dois números em JavaScript - O operador de subtração da linguagem JavaScript - Exercícios Resolvidos de JavaScript

Como testar se uma variável é do tipo string em JavaScript - Exercício Resolvido de JavaScript

Ler três números inteiros e indicar se eles estão em ordem crescente ou decrescente - Exercícios Resolvidos de JavaScript

Como testar se uma string está vazia em JavaScript - Exercício Resolvido de JavaScript

Como testar se o argumento de uma função JavaScript é do tipo String - Exercícios Resolvidos de JavaScript

Como encontrar o menor valor em um array de inteiros em JavaScript - Exercícios Resolvidos de JavaScript

Como multiplicar dois números em JavaScript - O operador de multiplicação da linguagem JavaScript - Exercício Resolvido de JavaScript

Veja mais Dicas e truques de JavaScript

Como tocar música MP3 usando a Web Audio API do JavaScript em suas páginas HTML

Validar CPF (sem pontos e hífen)

Como obter o valor da constante SQRT1_2

Como verificar se uma string é um valor númerico válido

Como obter o logaritmo natural de 2

Aprenda a usar arrays (matrizes ou vetores) em JavaScript

Como testar se ao menos um elemento de um array satisfaz uma condição em JavaScript usando a função some()

Como calcular o seno de um número ou ângulo em JavaScript usando a função sin() do objeto Math

Como obter o logaritmo de e na base 10

Proibir o botão direito do mouse

Dicas e truques de outras linguagens

AutoCAD .NET API C# - Como selecionar uma linha no AutoCAD e mostrar a equação da reta correspondente usando AutoCAD .NET C# API

Java - Como implementar a ordenação Quicksort em Java - Apostila de Java para iniciantes

Python - Machine Learning para iniciantes - Como usar a biblioteca NumPy em seus programas Python

Python - Exercícios Resolvidos de Física usando Python - Aplica-se uma força de 20 N a um corpo de massa m. O corpo desloca-se em linha reta com velocidade que aumenta

Delphi - Como usar a função ReverseString() do Delphi para inverter o texto de uma palavra ou frase em Delphi - Invertendo o conteúdo de uma string usando Delphi

JavaScript - Como calcular o comprimento da hipotenusa em JavaScript dadas as medidas do cateto oposto e do cateto adjascente

Java - Apostila Java para iniciantes - Como substituir um caractere em uma string usando o método setCharAt() da classe StringBuffer do Java

React Native - Como detectar um clique em um botão do React Native e exibir uma mensagem Alert

C++ - Como excluir um diretório em C++ usando a função rmdir()

Ruby - Como converter uma string em um valor real em Ruby usando a função to_f

Códigos Fonte

Programa de Gestão Financeira Controle de Contas a Pagar e a Receber com Cadastro de Clientes e Fornecedores

Software de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento
Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais

Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades
Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: Delphi
6º lugar: C
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

Você está aqui: JavaScript ::: Dicas & Truques ::: Data e Hora

Como calcular a quantidade de dias restantes para o fim do ano em JavaScript

JavaScript ::: Dicas & Truques ::: Set (Conjunto)

Como converter um Set em um Array JavaScript usando a função Array.from()

JavaScript ::: Dicas & Truques ::: Strings e Caracteres

Como converter uma string em um valor de ponto-flutuante em JavaScript usando a função parseFloat()

JavaScript ::: Dicas & Truques ::: Set (Conjunto)

Como remover elementos duplicados de um array em JavaScript usando um Set e o método Array.from()

Vamos testar seus conhecimentos em Hidrologia

Vamos testar seus conhecimentos em Fundações

Vamos testar seus conhecimentos em Engenharia Civil - Instalações Hidráulicas Prediais

Vamos testar seus conhecimentos em Python

Vamos testar seus conhecimentos em Engenharia Civil - Construção Civil

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 650 Dicas e Truques de Python - Com comentários em Português

PDF COM 1.200 PÁGINAS

Apenas R$ 32,90