代码报错

来源：2-4 编程练习

优秀前端选手

2021-03-09 16:13:01

相关代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>模版字符串</title>
</head>

<body>

    <script type="text/javascript">
        const tmpl = function () {
            return {
                title: "前端",
                data: [{
                    title: '布局基础',
                    date: ["html", "css"]
                }, {
                    title: '网页特效',
                    date: ["javascript", "jquery"]
                }, {
                    title: '框架',
                    date: ["bootstrap", "vue"]
                }]
            }
        }
        // 补充代码
        const { title: caption, data: tableData } = tmpl();
        console.log(tableData);
        var html = [];
        html.push(`<caption>${caption}</caption>`);
        tableData.forEach(function ({ title, data: [d1, d2] }) {
            html.push(`<tr>
                <td>${title}</td>
                <td>${d1}</td>
                <td>${d2}</td>
                </tr>`);
        });
        let table = document.createElement('table');
        table.innerHTML = html.join('');
        document.body.appendChild(table);
    </script>
</body>

</html>