js6-1

by wang_siang

HTML

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

JavaScript

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

        function render() {
            const allList = document.createElement('ul');
            todos.forEach((item) => {
                const list = document.createElement('li');
                const span = document.createElement('span');
                const root = document.querySelector('#root');
                span.textContent = `${item.title}`;
                root.append(allList);
                allList.append(list);
                list.append(span);
            })
        };

        render();