JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

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

function render()
{	
	var root=document.querySelector("#root");
	var allist=document.createElement("ul");
	
	for(var x of todos){
		
		var list=document.createElement("li");
		var item=document.createElement("span");
		item.textContent=x.title;
		
		allist.append(list);
		list.append(item);
	}
	console.log(allist);
	root.append(allist);
	
}

render();