Repetir pergunta até que acerte o numero desejado (while, do, dowhile)
Repetir pergunta até que acerte o numero desejado (while, do, dowhile)
HTML
<div class="container">
<div class="row">
<div class="col-md-7 col-md-offset-5">
<h4>Digite um número entre 0 e 100</h4>
<form class="form-horizontal">
<div class="form-group col-lg-12">
<input type="text" class="numChosen input-sm">
<input type="button" class="btn btn-primary btn-sm" value="Tentar">
</div>
<div class="form-group col-lg-12">
<p class="attempts">Você tentou <span class="numAttempts"></span> vezes.</p>
</div>
<div class="form-group col-lg-12">
<span class="alert alert-success identical input-sm">
PARABÉNS, o número secreto era <span class="numSecret badge"></span>
</span>
<span class="alert alert-danger greater input-sm">
O Número escolhido é <span class="badge">MAIOR</span> do que o secreto.
</span>
<span class="alert alert-danger lower input-sm">
O Número escolhido é <span class="badge">MENOR</span> do que o secreto.
</span>
</div>
</form>
</div>
</div>
</div>
JavaScript
// Gerando número aleatório entre 0 e 100
var numSecret = Math.floor((Math.random() * 100) + 0);
$('.identical').hide();
$('.greater').hide();
$('.lower').hide();
var numAttempts = 0;
$('.btn').on('click', function(event){
event.preventDefault();
var numChosen = parseFloat($('.numChosen').val());
if(numChosen === numSecret){
$('.numSecret').text(numSecret);
$('.greater').hide();
$('.lower').hide();
$('.identical').fadeIn('slow');
numAttempts = 0
$('.numChosen').val('');
}
if(numChosen > numSecret){
numAttempts++;
$('.numAttempts').text(numAttempts);
$('.lower').hide();
$('.identical').hide();
$('.greater').fadeIn('slow');
}
if(numChosen < numSecret){
numAttempts++;
$('.numAttempts').text(numAttempts);
$('.greater').hide();
$('.identical').hide();
$('.lower').fadeIn('slow');
}
});