JSFiddle - React, Tailwind, and code Playground

by yoyosan

HTML

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

JavaScript

let todos = [{title: "倒垃圾"},{title: "繳電話費"},{title: "採買本週食材"},];
render();
function render(){
  let root = document.querySelector('#root');
  root.textContent = '';
  for (item of todos){
    let ul = document.createElement('ul');
    let li = document.createElement('li');
    let span = document.createElement('span');
    span.textContent = item.title;

    li.append(span);
    ul.append(li);
    root.append(ul);
  }
}