Tive um problema interessante. Ao final da execução do código o campo input e o botão estavam desaparecendo. Descobri que na função mostra havia uma linha puxando a outra função pulaLinha. O que acontece é que essa função estava pulando uma linha sobre o campo input e o botão que criei, excluindo-os. Acredito que agora esteja funcional.
<meta charset="UTF-8">
<input/>
<button>Já pensei. Qual você acha que é?</button>
<script>
var input = document.querySelector("input");
input.focus();
var button = document.querySelector("button");
button.onclick = jogo;
function pulaLinha() {
document.write("<br>");
}
function mostra(frase) {
alert(frase);
}
function sorteia (n) {
var number = Math.round(Math.random()*n);
return number;
}
function jogo(){
var numeroPensado = sorteia(10);
console.log(numeroPensado);
var chute = parseInt(input.value);
if(chute == numeroPensado) {
mostra("Uau! Você acertou, pois eu pensei no " + numeroPensado);
} else {
mostra("Você errou! Eu tinha pensado no " + numeroPensado + ". Tente novamente!!");
}
if(chute < numeroPensado){
mostra("O número pensado é menor!");
} else {
mostra("O número pensado é maior ou igual");
}
input.value = "";
input.focus();
}
</script>
