javascript_series6_datamodel

by aelgy369

HTML

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

JavaScript

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

const root = document.querySelector('#root')
const ul = document.createElement('ul');


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

render();