function RenderDeleteUl() {
    console.log("sagge")
    $(".content_core").innerHTML = ""
    ChannelList.forEach(function(val,index){
        $(".content_core").innerHTML+=`
            <li>${val.title}</li>
        `
    });
    console.log("ChannelList",ChannelList)
    BindDeleteUl()
}

function RenderAddUl() {
    $(".content_cor").innerHTML = ""
    stChannelList.forEach(function(val,index){
        document.querySelector(".content_cor").innerHTML+=`
            <li>${val.title}</li>
        `
    })
    BindaddUl()
}

function BindDeleteUl() {
    var deleteUl = document.querySelectorAll(".content_core li");//若不重新调用RenderDeleteUl()此步获取的还是用初始数据在也页面的渲染
    deleteUl.forEach(function(val,index){//初始数据的下标
        val.onclick = function() {
            console.log("ss")
            console.log("ChannelList",ChannelList)
            document.querySelector(".content_core").removeChild(val)
            document.querySelector(".content_cor").appendChild(val)
            stChannelList.push(ChannelList[index])
            ChannelList.splice(index,1)
            localStorage.setItem("stChannelList", JSON.stringify(stChannelList))
            localStorage.setItem("ChannelList", JSON.stringify(ChannelList))
            RenderDeleteUl()
            BindaddUl()
        }
    })
}

function BindaddUl() {
    var addUl = document.querySelectorAll(".content_cor li");
    addUl.forEach(function(val,index){
        val.onclick = function() {
            document.querySelector(".content_cor").removeChild(val)
            document.querySelector(".content_core").appendChild(val)
            
            ChannelList.push(stChannelList[index])
            stChannelList.splice(index,1)
            localStorage.setItem("stChannelList", JSON.stringify(stChannelList))
            localStorage.setItem("ChannelList", JSON.stringify(ChannelList))
            RenderAddUl()
            BindDeleteUl()
        }
    });
}

RenderDeleteUl()
RenderAddUl()

function $(className){
    return document.querySelector(className)
}