Maneira mais simples de imprimir o ano atual com JavaScript

Neste artigo você vai aprender a como imprimir o ano atual com JavaScript, vamos utilizar uma simples abordagem

Fala programador(a), beleza? Bora aprender mais sobre datas em JavaScript

Muitas vezes, precisamos imprimir o ano atual em nossas aplicações web para exibir data e hora atualizadas ou para criar elementos de interface de usuário dinâmicos.

Felizmente, existem várias maneiras de fazer isso com JavaScript.

Neste artigo, vamos explorar a maneira mais simples de imprimir o ano atual.

Usando o objeto Date

O objeto Date do JavaScript é uma maneira fácil e prática de obter informações sobre a data e hora atuais.

Para imprimir o ano atual, basta criar um novo objeto Date e acessar sua propriedade .getFullYear(). Veja o exemplo a seguir:

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

let dataAtual = new Date();
let anoAtual = dataAtual.getFullYear();

console.log(anoAtual); // exibe o ano atual, por exemplo: 2022

Como podemos ver, o código cria um novo objeto Date e armazena em uma variável chamada dataAtual.

Em seguida, acessamos a propriedade .getFullYear() do objeto e armazenamos o resultado em uma variável chamada anoAtual.

Por fim, usamos o console.log() para imprimir o ano atual na saída do console.

Usando o método toDateString()

Outra maneira de obter o ano atual é usando o método toDateString() do objeto Date.

Este método retorna uma string no formato “day month year”, onde day é o dia da semana, month é o mês e year é o ano.

Para imprimir apenas o ano, basta dividir a string retornada pelo método pelas barras ” / ” e acessar o terceiro elemento. Veja o exemplo a seguir:

let dataAtual = new Date();
let dataString = dataAtual.toDateString();
let anoAtual = dataString.split('/')[2];

console.log(anoAtual); // exibe o ano atual, por exemplo: 2022

Como podemos ver, o código cria um novo objeto Date e armazena em uma variável chamada dataAtual.

Em seguida, usamos o método toDateString() para obter uma string da data atual e armazenamos o resultado em uma variável chamada dataString.

Em seguida, dividimos a string pelas barras ” / ” usando o método split() e acessamos o terceiro elemento da array resultante (que representa o ano).

Por fim, usamos o console.log() para imprimir o ano atual na saída do console

Imprimindo ano em um elemento

Para imprimir o ano atual em um elemento HTML, basta usar o JavaScript para obter o ano atual e atribuir o valor ao elemento HTML desejado.

Existem várias maneiras de fazer isso, dependendo da sua preferência.

Usando o objeto Date e sua propriedade .getFullYear() é uma opção simples:

const dataAtual = new Date();
const anoAtual = dataAtual.getFullYear();

document.getElementById('ano').innerText = anoAtual;

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Como podemos ver, existem várias maneiras de imprimir o ano atual com JavaScript.

Usando o objeto Date e sua propriedade .getFullYear() é uma opção rápida e fácil, enquanto o uso do método toDateString() e o método split() também é uma opção viável.

Qualquer uma dessas abordagens pode ser útil em diferentes situações, dependendo das suas necessidades.

Lembre-se de sempre testar o código em diferentes navegadores e dispositivos para garantir a compatibilidade e evitar erros.

Também é importante manter o código atualizado e corrigir quaisquer problemas de segurança ou performance que possam surgir.

Esperamos que este artigo tenha ajudado a entender como imprimir o ano atual com JavaScript de maneira simples e eficiente.

Boa sorte com o seu projeto!

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Ano atual no rodapé (o famoso © automático)

Esse aqui é o uso mais comum de todos

Sabe aquele ‘© 2026 Minha Empresa’ no rodapé do site? Ninguém quer trocar isso na mão todo dia 1 de janeiro

Com JavaScript o ano se atualiza sozinho, se liga:

const ano = new Date().getFullYear(); document.getElementById(‘ano-rodape’).innerText = ano;

E no HTML você deixa preparado assim:

<footer>© <span id="ano-rodape"></span> Minha Empresa</footer>

Pronto, virou o ano e o rodapé se vira sozinho, sem você encostar no código de novo

getFullYear() ou getYear()? Cuidado com essa pegadinha

Se você achar por aí um código usando getYear(), desconfia

Esse método é antigo e retorna um valor esquisito (o ano menos 1900), então em vez de 2026 você pode receber 126 e achar que quebrou tudo

A recomendação é usar sempre getFullYear(), que devolve o ano com os quatro dígitos certinhos

Já me poupa a dor de cabeça de ficar caçando de onde vem esse número estranho