// var active = document.querySelector(".active");
// active.onclick = function() {
//     console.log("111")
// }

var lis = document.querySelectorAll(".list li");
var imgs = document.getElementsByTagName("img");
// var isNow = 0;
for(var i=0;i<lis.length;i++) {
    lis[i].index = i;
    lis[i].onclick = function() {
        for(var j=0;j<lis.length;j++) {
            lis[j].className = '';
            imgs[j].className = '';
        }
        this.className = 'selected';
        imgs[this.index].className = 'active';
    }
}