Как динамически дополнять таблицу html из папки с файлами json

Question

Есть папки с файлами json:

            "EndTime": "11:00",
            "Person": [
                {
                    "name": "one",
                    "age": 5
                },
                {
                    "name": "two",
                    "age": 7
                }
            ],
            "StartTime": "10:45"
        }

мне нужно загрузить в html таблицу дописывать информацию сколько файлов, их имена и поля из самих объектов внутри json. Я могу вывести это в консоль в nodeJS вот таким образом

const http = require('http')
const fs = require('fs')
const path = require('path')

const files = fs.readdirSync('tracks')

files.forEach((file, index) => {
    let tr = JSON.parse(fs.readFileSync('tracks/' + file))
    console.log(`${index}\t${file}\t${tr.StartTime}\t${tr.EndTime}\t${tr.person.length}`);
})

index- нумерация файлов, file- имя файла, StartTime,EndTime,person - поля объектов но этот код не работает с html. Вцелом не подключаются fs или там path. html:

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>папка</title>
    <style>
      table {
       width: 100%; /* Ширина таблицы в процентах */
      }
     </style>
</head>
<body>
    <div>
    <br>
    <br>
      <button 
        type = "clik"
        id = "clik"
        class="mui-btn mui-btn--primary"
        >
        take info
    </button>
</div>
<table class="mui-table">
    <thead>
      <tr>
        <th>id</th> 
        <th>Name</th>
        <th>Start time</th>
        <th>End time</th>
        <th>Nuber of person</th>
      </tr>
    </thead>
    <tbody>
    </tbody id='myTable'>
  </table>
</body>
</html>

Подскажите, как загрузить данные из папки на localhost.

БЛОГ НА HUSL

Как динамически дополнять таблицу html из папки с файлами json

Ответы (0 шт):