a minha dúvida é a seguinte:
<!DOCTYPE html>
<html dir="ltr" lang="pt-BR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Joguinho</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
<?php
$contador = 0;
$random1 = (rand(1,10));
$random2 = (rand(1,10));
$resultado = $random1 * $random2;
$contador++;
echo("<div id='contador'>".$contador."/10"."</div>");
echo("<div id='campo'>".$random1."x".$random2."</div>");
?>
<input id="digiteValor" type="text" />
<button id="enviar" onclick="chama()">Enviar</button>
<div id="certoOuErrado"></div>
</div>
</body>
<script type="text/javascript">
function chama(){
var valorDigitado = document.getElementById('digiteValor').value;
var resultado = "<?php echo $resultado; ?>";
//var correto = "<div id='correto'></div>";
//var incorreto = "<div id='incorreto'></div>";
if(resultado == valorDigitado){
document.getElementById('certoOuErrado').innerHTML = "CORRETO";
//document.getElementById('certoOuErrado').innerHTML = correto;
} else {
document.getElementById('certoOuErrado').innerHTML = "INCORRETO";
//document.getElementById('certoOuErrado').innerHTML = incorreto;
}
}
</script>
</html>
esse é o código que fiz até agora
a ideia é o rapaz digitar o valor, esperar um tempo pra verificar se a resposta está certa ou incorreta. eu tenho um contador que deverá contar 10 jogadas, é como se fosse um loop. Tem como dar refresh na tela e ficar atualizando esses dados até dar 10 jogadas? tem que ter um tempinho pra ele responder. por exemplo: tem 4seg pra responder, depois que o tempo acaba é verificado se o valor digitado está correto ou incorreto, dai vai pra próxima iteração.
setTimeout(função, X);
- ou para executar um código a cada X milissegundos, usesetInterval(função, X);
. Nessa função você pode atualizar o valor de um elemento qualquer, usandogetElementById
(que eu vi no seu código que você sabe como usar). Experimente isso, e se ainda tiver dificuldades com a lógica, eu volto pra dar uma resposta mais completa.