Como atualizar o ano de copyright de sites com JavaScript

Manter o ano de copyright atualizado em um site pode ser uma tarefa repetitiva se você fizer isso manualmente. Felizmente, você pode automatizar esse processo com JavaScript! Isso garante que o ano exibido no rodapé do seu site estará sempre correto, economizando tempo e evitando esquecimentos. Neste post, aprenda como atualizar o ano de copyright de sites com JavaScript.

1. Por que automatizar o ano de copyright?

O rodapé de muitos sites exibe o ano de copyright, como este exemplo:

<p>&copy; 2023 Seu Nome ou Empresa</p>

O problema com isso é que, a cada ano, você precisa editar manualmente o arquivo HTML para alterar “2023” para o ano atual. Com JavaScript, você pode automatizar essa mudança, permitindo que o site sempre exiba o ano correto.

2. Usando JavaScript para atualizar o ano de copyright

Com algumas poucas linhas de código JavaScript, você pode fazer com que o rodapé do seu site seja sempre atualizado automaticamente. Veja como fazer isso:

Passo 1: Adicione um elemento HTML para o copyright

No seu HTML, crie uma tag que será atualizada pelo JavaScript. Pode ser um span, por exemplo:

<p>&copy; <span id="ano-copyright"></span> Seu Nome ou Empresa</p>

Passo 2: Adicione o JavaScript

Agora, use JavaScript para pegar o ano atual e inseri-lo no elemento span que você acabou de criar.

<script>
  // Captura o ano atual
  const anoAtual = new Date().getFullYear();

  // Seleciona o elemento HTML com o id 'ano-copyright'
  document.getElementById('ano-copyright').textContent = anoAtual;
</script>

Explicação do código

• new Date().getFullYear(): Este código obtém a data atual e, em seguida, o método getFullYear() retorna o ano atual.
  
  
• document.getElementById('ano-copyright').textContent = anoAtual: Aqui, estamos selecionando o elemento com o id="ano-copyright" e definindo o seu conteúdo de texto como o ano atual.

Resultado final

Quando você carregar sua página, o ano de copyright será automaticamente atualizado. Por exemplo, se o ano atual for 2024, o rodapé será exibido assim:

<p>&copy; 2024 Seu Nome ou Empresa</p>

3. Mantendo o ano de início e atual

Caso você queira manter um intervalo de anos, como “2020-2024”, o JavaScript também pode te ajudar. Aqui está como fazer isso:

Passo 1: Adicione o intervalo no HTML

<p>&copy; 2020-<span id="ano-copyright"></span> Seu Nome ou Empresa</p>

Passo 2: Atualize o código JavaScript

O JavaScript agora só precisa adicionar o ano atual na parte final do intervalo:

<script>
  const anoAtual = new Date().getFullYear();
  document.getElementById('ano-copyright').textContent = anoAtual;
</script>

Agora, o rodapé mostrará algo como “© 2020-2024”, onde o segundo ano será sempre atualizado conforme o tempo passa.

4. Como colocar o JavaScript xxternamente

Se preferir manter o JavaScript separado do HTML, você pode colocar o código em um arquivo externo (por exemplo, script.js):

const anoAtual = new Date().getFullYear();
document.getElementById('ano-copyright').textContent = anoAtual;

Em seguida, você só precisa adicionar uma referência ao arquivo JavaScript no seu HTML:

<script src="script.js"></script>

Outro exemplo prático

Para automatizar a atualização do ano de copyright de sites, basta inserir os códigos abaixo.

Janela pop-up normal:

 © 2016 - //ano de criação do site
    
 //calcula ano atual
 <script type="text/javascript">var dateNow = new Date();var offset =
 (-(dateNow.getTimezoneOffset()/60));var off = -7 - offset;dateNow.setHours
 (dateNow.getHours()+off);var year = dateNow.getFullYear();document.write
 (dateNow.getFullYear());
 </script> 
 Meu nome - Todos os direitos reservados //nome do proprietário e mensagem de direito autoral

Manter o ano de copyright atualizado em um site é uma tarefa simples, mas pode ser tediosa quando feita manualmente.

Automatizando isso com JavaScript, você garante que seu site sempre exiba o ano correto, sem precisar se preocupar com alterações manuais no código.

Dúvidas ou sugestões sobre como atualizar o ano de copyright de sites em JavaScript? Deixem nos comentários! Para mais dicas, acesse o nosso canal no YouTube:
https://youtube.com/criandobits

Tags: copyright javascript