JSFiddle - React, Tailwind, and code Playground

HTML

<div id="root">
  <!-- 內容 -->
</div>

JavaScript

var todos = [{
    title: "倒垃圾"
  },
  {
    title: "繳電話費"
  },
  {
    title: "採買本週食材"
  }
];

function render() {

  //To-do List -> TDL 參數名稱

  const root = document.querySelector('#root'); //內容顯示區域

  const TDL_ul = document.createElement('ul');
  root.append(TDL_ul);

  for (const data of todos) {

    const TDL_li = document.createElement('li');
    TDL_ul.append(TDL_li);

    TDL_li.textContent = data.title;
  }
}

render();