Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<h1>Plus ou moins ?</h1>
<p>J'ai choisi un nombre entre 1 et 100.</p>
<p>sauras-tu le deviner en moins de 6 essais ?</p> 
<form name="jeu">
  <input type="number" name="nombre" value="50" />
  <button type="submit">Valider</button>
</form>
<div id="result"></div>
 
html {
  font-size: 20px;
}
​
h1 {
  font-size: 20px;
  text-transform: uppercase;
}
​
button, input {
  font: inherit;
}
 
/* Quel message dois-je afficher ? */
function getLabel(essai) {
  if (nbEssai >= 6) {
    return "Perdu !";
  }
  if (essai === hasard) {
    return "Gagné !";
  }
  if (essai < hasard) {
    return "Plus grand !";
  }
  
  return "Plus petit !";
}
​
​
/* Le reste du code */
let hasard;
let nbEssai;
​
function restart() {
  hasard = Math.ceil(Math.random()* 100);
  nbEssai = 0;
}
​
function displayLabel(label) {
  document.getElementById('result').innerHTML = label;
}
​
document.forms.jeu.addEventListener('submit', function(event) {
  event.preventDefault();
  const essai = parseInt(document.forms.jeu.nombre.value);
  nbEssai = nbEssai + 1;
  
  const label = getLabel(essai);
  
  displayLabel(label);
});
​
restart();
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x