<

script>
window.onload=function(){
    var pai=document.getElementsByTagName("td");
    var bushu=document.getElementById("bushu");
    var bu=0;
    var ceshi=document.getElementById("ceshi");
    var fen=document.getElementById("fen");
    bian(0,"找");
    bian(1,"张");
    bian(2,"同");
    bian(3,"两");
    bian(4,"到");
    bian(5,"相");
    bian(6,"牌");
    bian(7,"的");
    bian(8,"两");
    bian(9,"同");
    bian(10,"牌");
    bian(11,"张");
    bian(12,"的");
    bian(13,"找");
    bian(14,"到");
    bian(15,"相");

    var hy=0;
    function bian(j,zi){
          var i=0; //当样式变成最初后，i并没有被清楚，所以，被点击后的会出现问题
    pai[j].onclick=function(){
         i++;bu++;bushu.value=bu;
         if(i%2==1){
        this.style.backgroundColor="green";
        this.innerHTML=zi;
        hy++;
         }
         else{
         this.style.backgroundColor="yellow";
         this.innerHTML=""; 
         hy--;
         }
       fhy(); 
    } 
    }
    ceshi.onclick=function(){
       alert(hy); 
    }

    function fhy(){
        fen.value=hy;
        if(hy%3==0){
        for(var i=0;i

    
        
找到相同的两张牌
        
        

            

            用时：

            得分：

            步数：
            测试
        
    

如上面的代码，遇到一个问题：当我点击第三个绿色的元素的时候，全部背景变回最初状态。
但是，另一个函数里的i值并没有还原。
点击过的元素再次点击的话，就会出现问题了，怎样解决？