页面有一个ul

要在ul中插入1000个li,每个li的内容是它当前的序号，点击li会打印出当前li的序号。请用原生javascript实现

<body>
    <ul id="ul"></ul>
    <script>
        var ul =document.querySelector('#ul');//获取ul
        for(var i=0;i<1000;i++){      
            var li='<li index='+i+'>'+i+'</li>'; //创建li
            ul.insertAdjacentHTML('beforeend',li);//插入li
        }
        var li =ul.querySelectorAll('li');//获取1000个小li
            for(var i=0;i<li.length;i++){
            //给每个小li绑定一个点击事件
            li[i].addEventListener('click',function(){
                var index=this.getAttribute('index');
                console.log(index);
            })
        }
    </script>
</body>

2.页面有一个ul

页面有一个ul