枯燥的js for of 小应用

<style>
        ul{
            list-style: none;
        }
        li{
            border: solid 1px #ddd;
            height: 50px;
            width: 200px;
        }
    </style>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <script>
        let lis = document.querySelectorAll('li');
        for (const li of lis) {
            li.addEventListener('click',function(){
                li.style.backgroundColor="red";
            })
        }
    </script>