Sortition Names with JS

<fieldset>
  <legend>Resultado</legend>
  <div>
    <label for="inputIniEl">
      Informe os itens a serem embaralhados, separados por <strong>quebra de linha</strong> ou <strong>ponto e
      vírgula</strong>.
    </label> <br>
    <textarea name="inputIniEl" id="inputIniEl" cols="30" rows="10"></textarea>
  </div>
  <span>Ou informe o arquivo <strong>.txt</strong></span>
  <div>
    <input type="file" id="file">
  </div>
  <div>
    Exibir apenas os primeiros <input type="number" id="inputEl"> itens embaralhados.
  </div>
  <button id="play">Sorteio</button>
</fieldset>


<fieldset id="result" style="display: none;">
  <legend>Resultado</legend>
  <table>
    <thead>
      <th>Ordem</th>
      <th>Nome</th>
    </thead>
    <tbody id="output"></tbody>
  </table>
  <div>Sorteio realizado em: <strong id="date"></strong> às <strong id="time"></strong></div>
</fieldset>

const playEl = document.querySelector('#play');
const outputEl = document.querySelector('#output');
const dateEl = document.querySelector('#date');
const timeEl = document.querySelector('#time');
const resultEl = document.querySelector('#result');
const inputEl = document.querySelector('#inputEl');
const inputIniEl = document.querySelector('#inputIniEl');
const fileEl = document.querySelector('#file');

playEl.addEventListener('click', main);

function getRandom(min = 0, max = 2) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min)) + min;
}

function readFile(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();

    reader.onload = res => {
      resolve(res.target.result);
    };
    reader.onerror = err => reject(err);

    reader.readAsText(file);
  });
}

async function onSubmit() {
  let file = fileEl.files[0];
  console.log(await readFile(file));
}

function dateNow(input = Date.now()) {
  let date = new Date(input);
  let localeDate = date.toLocaleDateString('pt-BR', { dateStyle: 'long' });
  let localeTime = date.toLocaleTimeString('pt-BR', { timeStyle: "medium" });
  return { localeDate, localeTime };
}

function generateTable(table, data) {
  for (let [key, value] of data.entries()) {
    let row = table.insertRow();
    let cell = row.insertCell();
    let text = document.createTextNode(`${key + 1}°`);
    cell.appendChild(text);

    cell = row.insertCell();
    text = document.createTextNode(`${value}`);
    cell.appendChild(text);
  }
}

async function main() {
  resultEl.style.display = "none";
  let loop = inputEl.value;
  let data = [];
  let file = fileEl.files[0];
  if (!file) {
    data = inputIniEl.value.split(/[\n|;]+/);
  } else {
    data = (await readFile(file)).trim().split(/[\n|;]+/);
  }
  let result = [];

  while (loop) {
    let random = getRandom(0, data.length);
    if (!result.includes(data[random])) {
      result.push(data[random]);
      loop--;
    }
  }
  console.log(result);

  outputEl.innerHTML = "";
  generateTable(outputEl, result);

  let { localeDate, localeTime } = dateNow();
  dateEl.innerHTML = localeDate;
  timeEl.innerHTML = localeTime;
  resultEl.style.display = "block";
}