今天我們一起來實作用 HTML Template 來顯示 To-Do-List 的資料吧！

首先我們一樣先開一個 Google Apps Script 吧！

開好之後就來開始寫吧！

    function doGet() {
        return HtmlService.createTemplateFromFile('index').evaluate();
    }

    function getItems() {
        const sheetDatas = SpreadsheetApp.getActiveSpreadsheet().getSheets()[0].getDataRange().getValues();
        const datas = {
            event: [],
            isChecked: []
        };
        for (let i = 1; i < sheetDatas.length; i++) {
            datas.event.push(sheetDatas[i][1]);
            datas.isChecked.push(sheetDatas[i][2]);
        }
        return datas;
    }

處理好後我們來看到 index.html 的部分：

關於兔兔們：

• Tailwind CSS 臺灣官網

• Tailwind CSS 臺灣 (臉書粉絲專頁)

• 兔兔教 × Tailwind CSS Taiwan (臉書社群)

• 兔兔教大本營

我：恩…連續第三天我沒有把全部程式碼都放上來了…之後一定補齊！