JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="Rando" name="Rando" placeholder="amount of number"  value="">
<button href="#" id="filldetails" onclick="addFields()">Generate:</button>

<div id="container" />
    <div id="nbPicked" /></div>
    <div id="nbTotal" /></div>
</div>

<hr>

JavaScript

function addFields() {
  var number = document.getElementById("Rando").value;
  var container = document.getElementById("container");
  var range = 10;    
  var nb = new Array(range);
    
  while (container.hasChildNodes()) {
    container.removeChild(container.lastChild);
  }

    var numberPicked = "Number Picked : ";
  for (i = 0; i < number; i++) {
    var Numbro = Math.floor((Math.random() * range)+1);
      numberPicked += " "+Numbro+" ; "
      if(nb[Numbro] == undefined)
          nb[Numbro] = 0;
      nb[Numbro]++;
  }
    
    var textNode = document.createTextNode(numberPicked) ;
    container.appendChild(textNode);
    container.appendChild(document.createElement("br"));
   
  for  (i = 0; i < nb.length; i++) {
    var textNode = document.createTextNode("number of  "+i+ " : " + (nb[i] || 0 )) ;
    container.appendChild(textNode);
    container.appendChild(document.createElement("br"));
  }
}