用js简单实现单词默写系统

<h2>单词默写系统</h2>
<div id="app">
</div>
<script>
    // 定义一个数组
    var dataSource = [
        {
            ch: "对象",
            en: "object",
            state: false
        },
        {
            ch: "数组末尾删除元素",
            en: "pop",
            state: false
        },
        {
            ch: "删除对象的属性",
            en: "delete",
            state: false
        },
        {
            ch: "截取字符的属性",
            en: "slice",
            state: false
        }
    ]
    //循环生成div中的中英文输入框等
    var div = document.getElementById("app");
    var str = "";
    for (let i = 0; i < dataSource.length; i++) {
        str += `<div id="app">
    <label>${dataSource[i].ch}</label>
    <input name="en"/>
    </div>`
    }
    div.innerHTML = str + `<di