Jump to content
  • 0
jpstur

Direcionamento para um link depois de clicar em um botão

Question

Saudações. essa é a primeira participação neste forum. Quero saudá-los e parabenizá-los pelo excelente nível.

 

Pessoal, sou principiante e tenho um código que postarei a seguir que estou gradativamente desenvolvendo para um quiz.

Entretanto, quando o usuário acertar a questão preciso que quando surgir o botão informando que ele acertou, depois de clicar ele seja direcionado para outra página que dará continuidade ao jogo. Da mesma maneira quando ele errar a questão preciso que quando ele clicar no botão seja direcionado para uma outra página.

Daí gostaria de que contribuissem indicando a linha de código que eu devo inserir para alcançar os resultados que explicitei. Agradeço se digitarem dentro do próprio código que irei disponibilizar agora. Obs. Sou professor de Filosofia e meu objetivo é usar esse jogo para fazer revisões sobre questões elementares. Portanto, é para fins educativos Abraço!

 

SEGUE O CÓDIGO:

 


 

<body>
<p>Bem vindo ao jogo
</p>
<p>
  <script type="text/javascript">
function ver(){
if(document.getElementById('campo1').value=='resposta')
alert('você acertou siga adiante');
else
alert('você Errou Fim do jogo');
}

  </script>
 
</p>
<form action="" method="">
  <input type="text" name="campo1" id="campo1" />
<input type="button" value="Calcular" onclick="ver()" />

</form>
</body>

 

Edited by Alaerte Gabriel
Adição tag CODE

Share this post


Link to post
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Saudações Vieira, resolveu a minha questão. Expresso a minha gratidão.

 

o código

window.location.replace("https://www.google.com.br/");

Obs. eu acrescentei substituindo o que estava no início quando alguém acertava.

Share this post


Link to post
Share on other sites
  • 0

Como posso proteger que alguém veja as respostas exibindo o código fonte?

Atualmente o código está assim:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<p>Bem vindo ao jogo
</p>
<p>
  <script type="text/javascript">
function ver(){
if(document.getElementById('campo1').value=='resposta')
window.location.replace("https://www.google.com.br/");

else
alert('você Errou Fim do jogo');
}

  </script>
  
</p>
<form action="" method="">
  <input type="text" name="campo1" id="campo1" />
<input type="button" value="Calcular" onclick="ver()" />

</form>
	</body>
</html>

 

Share this post


Link to post
Share on other sites
  • 0
Citar

Como posso proteger que alguém veja as respostas exibindo o código fonte?

Você pode usar o get ou post do JQuery para consultar a resposta sem precisar recarregar a página.

 

<html>
	<body>
		<p>Bem vindo ao jogo</p>
	<form action="javascript:void();" method="POST" id="_form">
  		<input type="text" name="campo1" id="campo1" />
		<input type="button" value="Calcular" />
	</form>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">	
      document.ready(function(){
      	jQuery('#_form').on('submit', function(event){
        	event.preventDefault();
          	jQuery.ajax({
            	url: 'uri_que_verifica_a_resposta',
              	type: 'POST',
              	data: jQuery('#_form').serialize(),
              	success: function(data, statusCode, request){
                  if(data.result == 'certo')
                  {
                    alert('Certo');
                  	//redirect
                  }
                  else
                    alert('errado!');
                }
            });
        })
      });
  	</script>      
</body>
</html>
<?php

// faz consulta e verifica se $_POST['campo1'] é a resposta certa
//$result é certo ou errado para a resposta
return json_encode(['result' => $result]);

É mais ou menos isso.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Numero 0800
      Sei criar um botão e sei fazer com que a cada clique o numero de likes aumente, porem o meu problema é o seguinte... Como eu faço para com que cada pessoa só possa dar 1 like? Quero que a pessoa clique em Like mas após isso se ela clicar denovo ai diminui 1 Like ao invez de dar outro Like, e isso para todas as pessoas.
       
      OBS: Quero que isso seja possível sem a necessidade das pessoas terem que estar logadas no site, acredito então que seria baseado no IP da pessoa, se vocês puderem me exemplificar os diferentes métodos para este problema desde já agradeço.
       
      OBS: Só sei usar HTML, CSS e JavaScript.
    • By danicarla
      Bom dia pessoal,

      Quero fazer um link com o titulo de uma cor e o texto em outra, mas quando passar o mouse em cima queria que a cor dos dois ficasse igual
      Meu codigo está assim:
      <style type="text/css"> a.ChamadaNoticias:link{text-decoration:none;} a.ChamadaNoticias:visited{text-decoration:none;} a.ChamadaNoticias:hover{color: #00FF05;text-decoration:underline;} .tituloA{font-family:'Open Sans', sans-serif;color:#00698C;font-size:16px;font-weight:bold;} .textoB{font-family:'Open Sans', sans-serif;color:#333;font-size:16px;} </style> <a href="#" class="ChamadaNoticias"> <div class="tituloA">Titulo da noticia</div> <div class="textoB">Aqui vai uma breve descrição da noticia</div> </a> Como preciso fazer com meu CSS para quando passar o mouse em cima mudar a cor do titulo e do texto para mesma cor?
    • By erikjfn
      Olá pessoal! Estou desenvolvendo uma aplicação que usa uma página html com css como controle de uma pequeno game que estou fazendo. Quero que quando eu pressionar um botão e deixar ele pressionado a ação executada desse botão continue em execução (por exemplo acelerar um carro do game) e quando soltar esse botão a ação seja encerrada. É possível fazer isso ? sinceramente eu comecei  a ver html essa semana e não achei algo a respeito. Alguém pode me ajudar nessa?
    • By JurisCode
      é assim.
       
      em um lugar do site vai ter um link daqueles que posicionam a rolagem na âncora.
       
      no entanto, nessa ancoragem vai ter um IFRAME e eu gostaria que o link, ao mesmo tempo, mudasse a página do IFRAME pelo atributo _target e posicionasse o scroll pela ancora.
       
      Tem como fazer as duas coisas no mesmo click?
    • By vinicius59
      Então... há algum tempo venho pesquisando em vários sites sobre a duvida que eu tenho, ela se consiste em como eu posso fazer (2 botoes) que ao ser acionado cria-se um quadrado pequeno de uma cor que eu vou escolher! Se alguém poder responder 'Me desculpem se essa duvida não for relacionada ao php sou novo aqui'.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.