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:

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!