JSFiddle - React, Tailwind, and code Playground

HTML

<div id="root"></div>

CSS

ul{
  list-style: none;
}

JavaScript

const root=document.querySelector("#root");
let todos = [
  {
    title: "倒垃圾"
  },
  {
    title: "繳電話費"
  },
  {
    title: "採買本週食材"
  },
];

function render(){
  let ul=document.createElement("ul");
  root.append(ul);
  for(let todo of todos){
    let li=document.createElement("li");
    let span=document.createElement("span");
    ul.append(li);
    li.append(span);
    span.textContent=todo.title;
  }

}

render();