JSFiddle - React, Tailwind, and code Playground

by Minko Gechev

HTML

<p class="number_vp">56</p>
<p class="number_vp">2</p>
<p class="number_vp">2</p>
<p class="number_vp">2</p>
<p class="number_vp">2</p>
<p class="number_vp">2</p>
<p class="number_vp">2</p>

JavaScript

function generateUniqueRandomNumbers(count, max) {
  var arr = [];
  while(arr.length < count){
    var randomNumber = Math.ceil(Math.random() * max)
    var found = false;
    for(var i = 0; i < arr.length; i += 1){
      if(arr[i] === randomNumber) { 
        found = true;
        break;
      }
    }
    if (!found) arr.push(randomNumber);
  }
  return arr;
}

var elems = $('.number_vp');
var elemsCount = elems.length;
var MAX_RANDOM = 100;

function refresh() {
    var arr = generateUniqueRandomNumbers(elemsCount, MAX_RANDOM);
    for (var i = 0; i < arr.length; i += 1) {
     $(elems[i]).text(arr[i]);
    }
}

refresh();

setInterval(refresh, 1000);