JavaScript 添加点击事件后无反应的解决方法

根据提供的代码，可以看到在循环中为每个'addBtn'元素添加了点击事件处理函数，但是事件处理函数中只是简单的打印了'item'对象，并没有进行其他操作。所以当点击'addBtn'时，只会在控制台中输出'item'对象，而没有其他反应。如果想要在点击'addBtn'时执行其他操作，可以在事件处理函数中添加相应的代码。

例如，可以将'item'对象添加到数组中，或者将'item'对象中的数据展示在页面上。

function freshAppList() {
    appData.forEach(function(item, index) {
        document.getElementById("appList").innerHTML += `<li class="mdui-list-item mdui-ripple">
            <div class="mdui-list-item-avatar" style="border-radius: 8px;background: #fff;">
                <img src='` + item.icon + `' style="border-radius: 8px;"/>
            </div>
            <div class="mdui-list-item-content">` + item.name + `</div>
            <i class="mdui-list-item-icon mdui-icon material-icons" name="addBtn">add</i>
        </li>`;
        document.getElementsByName("addBtn")[index].onclick = function() {
            // 将 item 对象添加到数组中
            appList.push(item);
            // 或将 item 对象中的数据展示在页面上
            // document.getElementById('appInfo').innerHTML = item.name;
            console.log(item);
        };
    });
    console.log(document.getElementsByName("addBtn"));
}

通过添加代码，就可以在点击'addBtn'时执行相应的操作，实现预期的功能。