將數據附加到 HTML 文件中

Question

我希望將內部 npm api 顯示的數據附加到 html 文件中。 將數據附加到 html 文件的最佳方法是什么？

包含足球數據 npm 包

var data = require("footballdata-api-v2");
var FootballData = data.default;   
var footballData = new FootballData("API-Key");

從 api 包中獲取團隊信息數據

footballData.getTeamsFromCompetition({
    competitionId: 2021  
})
    .then(function(data) {
        // Logs information from api in console
        console.log(JSON.stringify(data.teams, null, 4));
        var { teams: [{ table: tableData }] } = data;
        document.getElementById("output").innerHTML += rowDataHTML;
    });

Answer 1

假設rowDataHtml是您想要附加到#output元素的內容，我假設它是一個表格，您可以嘗試這樣的操作：

const {teams} = data;
count output = document.getElementById("output");

teams.forEach(({table: tableData}) => {
    const rowDataHtml = `
        <tr>
            <td>${tableData.name}</td>
            <td>${tableData.league}</td>
            <td>${tableData.country}</td>
            <td>${tableData.score}</td>
        </tr>
    `;

    output.innerHTML += rowDataHTML;
});