JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>SO example</title>
  </head>

  <body>

    <div id="text_table"></div>

  </body>

</html>

CSS

#text_table {
  top: 10px;
  right: 10px;
  left: 10px;
}

JavaScript

var testResults = [
  ['Nickname', 'Points', 'Time', 'Difficulty'],
  ['Nickname', 'Points', 'Time', 'Difficulty'],
  ['Nickname', 'Points', 'Time', 'Difficulty'],
  ['Nickname', 'Points', 'Time', 'Difficulty'],
  ['Nickname', 'Points', 'Time', 'Difficulty'],
];

var textTable = document.getElementById("text_table");

for (var i = 0; i < testResults.length; i++) {
  /* leaders.innerHTML += */
};