LocalStorageからのデータの取得 To-do List

Question

前提・実現したいこと

To-do Listを作っています。
Localstorageに保存したデータをfor文とinnerHTMLを使用して、
ロードされた時に表示したいと考えています。

ただ、ロードをしても、画面に予定が表示されません。
エラーメッセージなどは出ていないので、どうしたらいいか困っています。
ご回答宜しくお願い致します。

該当のソースコード

Javascript

document.addEventListener('DOMContentLoaded', () => {
    const data = localStorage.getItem('data')
    const datapack = JSON.parse(data)
    
    for(let i = 0; i < datapack; i++) {
        let data1 = datapack[i].data1
        let data2 = datapack[i].data2
        let data3 = datapack[i].data3
        let tr = document.createElement('tr')
        tr.innerHTML = `
        <th>${data1}</th><th>${data2}</th><th>${data3}</th><td><div class="trash"></div></td>
        `
        table.appendChild(tr)
    }
})

LocalStorage

[{data1: "2021-03-04", data2: "go shopping", data3: "department"},…]
0: {data1: "2021-03-04", data2: "go shopping", data3: "department"}
1: {data1: "2021-03-19", data2: "soccer", data3: "university"}

Answer 1

    for(let i = 0; i < datapack; i++) {

datapack → datapack.length だと思います。

Comments

[Suffenjoying]

そうでした！全然気付かなかったです！
ありがとうございました！