index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>挑战 100 款小游戏</title>
</head>
<body>
    <table id="table" border style="text-align: left;"></table>

    <script>
        const games = {
            贪吃蛇: '2201-snake',
            扫雷: '2202-minesweeper',
        };

        document.getElementById('table').innerHTML = ['<tr><th>游戏名称</th><th>游戏目录</th><th>演示地址</th></tr>'].concat(Object.keys(games).map((name) => `
            <tr>
                <td>${name}</td>
                <td>
                    <a href="./${games[name]}/" rel="noopener noreferrer" target="_blank">
                        ./${games[name]}/
                    </a>
                </td>
                <td>
                    <a href="https://wanghaida.com/demo/${games[name]}/index.html" rel="noopener noreferrer" target="_blank">
                        https://wanghaida.com/demo/${games[name]}/index.html
                    </a>
                </td>
            </tr>
        `)).join('');
    </script>
</body>
</html>