前端面试基础重点（1）——事件绑定

问题

插入一个包含100个<li>的<ul>，并实现点击li时显示其序号

解答=

HTML

<ul id="list"></ul>

JS:

let list = document.getElementById("list");
list.innerHTML =  (function(num){
    let tmp = '';
    for(let i=0;i<num;i++){
        tmp += `<li id="${i}">${i}</li>`;
    }
    return tmp;
})(100)
list.onclick = (event) => {
    alert(event.target.id);
}