JSFiddle - React, Tailwind, and code Playground

by 18_102_elias

HTML

<body>
  <input type='text'  id='NombreDeLancer' size='4' value='15'>
  <button id='bouton'>Lancer la simulation</button> 
  <p> Le résultat des lancers de dés :</p>
  <div>
    <span id='ListeNombreResultat'></span> 
  </div>
</body>

CSS

div{
  border : 2px black solid
}

JavaScript

function aff(variable,texte=""){   
             console.log(Object.prototype.toString.call(variable)
             + " --- " + texte, variable);
}

window.onload = init;
var init = function(){
	bouton = document.getElementById("button");
  NombreDeLancer = document.getElementById("input");
  ListeNombreResultat = document.getElementById("span");
  ListeNombreResultat.innerHTML = ListeNombreAleaDe;
  
  bouton.addEventListener("click",function(){
  	var n = NombreDeLancer
    var ListeNombreAleaDe = ListeNombreResultat
aff(ListeNombreResultat(2)); 
})
}

var NombreAleaDe = function(max=6){
	var nbralea = Math.floor(max*Math.random())+1;
  return nbralea;
}


var ListeNombreAleaDe = function (n){
  var Liste = [];
  for (var i=0; i<= n; ++i){
  	Liste.push(NombreAleaDe());
    }
  return Liste;
}


aff(ListeNombreAleaDe(5));
aff(ListeNombreAleaDe(15));