JSFiddle - React, Tailwind, and code Playground

by superyngo

HTML

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

JavaScript

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

function render() {
  const root = document.querySelector("#root");
  const ul = document.createElement("ul");
  todos.forEach((todo) => {
    console.log(root);
    const li = document.createElement("li");
    li.textContent = todo.title;
    ul.append(li);
  });
  root.append(ul);
}

render();