Javascript como redirecionar uma pagina html em javascript dentro de uma classe.

bianca oliveira · 14 de fevereiro de 2021

esse é o código e como estou tentando adicionar a sintaxe dentro de uma classe, mas não está funcionando,

já fiz um teste sem a classe conta e deu certo o redirecionamento, se alguém poder me ajudar como adicionar

essa sintaxe dentro dessa classe, ou se tiver outro jeito de fazer funcionar, agradeço.

</body>

<h1>

primeiro acesso?

</h1>

function redirecionar (){

window.location.href = "nome do site ";

}

</script>

</form>

<body>

GabrielSennaMs · 14 de fevereiro de 2021

@bianca oliveira O problema é bem simples!

Quando você clicka no input com o tipo(type) submit, que está dentro do elemento form, ele executa o evento de submit do elemento form, dessa forma ele redireciona a página para a action do elemento form, nesse caso é o "login.html", e não executa o seu script em javascript.

Você pode modificar esse input para o tipo button e isso deve resolver o seu problema.

<form class="conta" action="login.html" method="POST">
  <h1>Primeiro acesso?</h1>
  <input type="button" value="Redirecionar" onclick="redirecionar()" />
</form>
<script type="text/javascript">
function redirecionar()
{
  window.location.href = "/url";
}
</script>

Você também pode usar um elemento "a" ao invés do botão com script. Vou colocar algumas alternativas que você pode usar.

<a href="/url"></a>

<button type="button" onclick="redirecionar()">Redirecionar</button>
// ou 
<button type="button" onclick="window.location.href = '/url'">Redirecionar</button>