JSFiddle - React, Tailwind, and code Playground

by evon0306

HTML

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

JavaScript

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

render();

function render(){
   const root = document.querySelector('#root');
   root.textContent = "";

   let ul = document.createElement('ul');
   for( x of todos){
      console.log(x.title);
      let li = document.createElement('li');
      let span = document.createElement('span');
      span.textContent = x.title;
      li.append(span);
      ul.append(li);
   }
      root.append(ul);
}