5
respostas

Consigo colocar o jogo dentro de um formulário?

5 respostas

Pode dar mais detalhes sobre sua ideia?

Boa tarde David!

Pensei em inserir o jogo em um formulario html, com as tags

onde a mensagem de sim você acertou ou você errou sera exibida em um campo dentro do footer, não a resposta do alert. Porem toda vez que eu digito um numero se eu acerto ou erro a pagina recarrega so com a mensagem, não dentro do footer ou do formulario.
Conseguiu entender? não quero que a pagina recarregue com a mensagem, e sim que tudo seja exibido em um unico lugar, ou sera que a mensagem exibida pelo footer é fixa?

Se for o que estou imaginando, você consegue sim.

Por exemplo: Você tem uma div acima de um input e abaixo deste input, uma outra div.

  • Na div acima do input, você exibe perguntas. Para isso, basta as perguntas estarem no Javascript, como uma lista.
  • No input, quem estiver jogando, pode responder às perguntas.
  • na div abaixo do input, você pode dar um feedback se a resposta estava certa ou errada.

Neste cenário, você pode utilizar uma função para pegar as perguntas da lista e lançá-las na primeira div. com innerHTML. Você pode usar onChange, para saber quando o campo teve o valor alterado e elemento.value, para obter a resposta do jogador. Novamente, com innerHTML, você pode dar um feedback na segunda div.

Tudo isso, permanecendo na mesma página.

Sendo bem simplista, fiz esse script pra dar uma ideia. No exemplo, a resposta é dada clicando no botão responder


<div id="textmessage"></div>
<div>
    <input  onFocus="clearFdb()" id="resposta" type="text">
    <button id="bresponder" onClick="checkQuest()">Responder</button>
</div>
<div id="feedback"></div>
<script>
var questans=[
["pedro","Qual é o primeiro nome do descobridor do Brasil?"],
["eva","Na bíblia, a esposa de Adão foi?"],
["bicicleta","Qual veículo pode andar na ciclovia?"],
["nada","O canguru salta, o cão anda. E o peixe?"],
];

var qpos=0;
var qans="";
function selectquestion(){
    if(qpos < questans.length){
        writer(questans[qpos][1],textmessage);
        qans=questans[qpos][0];
        qpos++;
    }else{
        writer("Acabou",textmessage);
        resposta.value="";
        resposta.style.display="none";
        bresponder.style.display="none";
        feedback.style.display="none";

    }
}

function clearFdb(){
    feedback.innerHTML="";
}

function checkQuest(){
    var ians=resposta.value.toLowerCase();
    if(ians==qans){
        feedback.innerHTML="Certo!";
        selectquestion();
    }else{
        feedback.innerHTML="Errado!";
    }
    resposta.value="";

}

function writer(text,target){
    target.innerHTML=text;
}
selectquestion();
</script>