index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>JSer.info Status of Posts</title>
    <script src="./lib/app.js" type="module"></script>
    <!-- When display on mobile, show only #current -->
    <style>
        /* Center box */
        #js-main {
            width: 100%;
            display: flex;
            justify-content: center;
            font-size: 2rem;
        }

        /* Fit font size */
        #js-main ul {
            list-style: none;
            padding: 0;
        }
    </style>
</head>
<body>
<div id="js-main">
    <ul class="stats-list">
        <li class="stats-listItem"><label>平均値:</label><span id="average"></span></li>
        <li class="stats-listItem"><label>中央値:</label><span id="median"></span></li>
        <li class="stats-listItem"><label>現在値:</label><span id="current"></span></li>
    </ul>
</div>
</body>
</html>