Botão voltar para tela anterior utilizando Javascript

Quais as motivações para criação de um botão voltar utilizando javascript

Existem várias razões para criar um botão voltar utilizando javascript em uma página da web:

1. Usabilidade: Adicionar um botão voltar utilizando javascript ajuda a melhorar a usabilidade da sua página, pois permite que os usuários voltem rapidamente para a página anterior sem precisar clicar no botão “Voltar” do navegador.
2. Consistência: Criar um botão de volta para a página anterior pode fornecer consistência ao longo de sua aplicação, pois permite que os usuários esperem encontrar um botão de volta em todas as páginas.
3. Personalização: Este botão voltar também permite que você personalize o aspecto e a funcionalidade desse elemento, tornando-o mais apropriado para o design e a experiência do usuário da sua página.
4. Controle: Criar um botão de volta para a página anterior permite que você tenha mais controle sobre a funcionalidade de volta na sua página, permitindo que você especifique exatamente onde e quando o usuário pode voltar para a página anterior.

Em resumo, adicionar um botão voltar utilizando javascript pode ajudar a melhorar a usabilidade, a consistência, a personalização e o controle da sua página da web.

Duas formas práticas

HTML

<button onclick="history.back()">Voltar</button>

HTML + JS

<button id="backBtn">Voltar</button>

<script>
  document.getElementById("backBtn").addEventListener("click", function(){
    history.back();
  });
</script>

A função history.back() é uma função do objeto history do JavaScript que permite a um usuário voltar para a página anterior na história do navegador. Essa função é geralmente usada em conjunto com botões ou links clicáveis para proporcionar ao usuário a capacidade de voltar para a página anterior sem precisar usar o botão “Voltar” do navegador.

Quando a função history.back() é chamada, ela simplesmente retorna o usuário para a página anterior na história do navegador. Isso significa que se o usuário navegou para várias páginas antes de chegar à página atual, a função history.back() irá levá-lo de volta à página anterior na ordem em que ele navegou.