JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="random">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
JavaScript
var items = document.querySelectorAll("#random li"), index, i;
var min = 0;
var max = items.length - 1;
var count = items.length - 6;
while(count > 0) {
index = Math.floor(Math.random() * (max - min + 1)) + min;
if(items[index].style.display != "none") {
items[index].style.display = "none";
--count;
}
}