JSFiddle - React, Tailwind, and code Playground

by erika_sun

HTML

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

JavaScript

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


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

render();