JSFiddle - React, Tailwind, and code Playground

HTML

<div id="row0"> </div>
<div id="row1"> </div>
<div id="row2"> </div>
<div id="row3"> </div>
<div id="row4"> </div>
<div id="row5"> </div>


<div id="average"> Average </div>

JavaScript

var array = [];
var sum = 0;
var average;

function createData(){
    for (var i=0; i < 5; i++){
          array.push(Math.floor(Math.random()*10) + 1);
        sum += array[i];
        average = sum/array.length;
        document.getElementById("row"+i).innerHTML = array[i];
    }
    document.getElementById("average").innerHTML = "Average: " + average;
};


   

function DataWithFixedMean (){
    do {
        createData();
    } while (average = 5);
};
        
createData();