关于变量问题

Question

 var i=1;

      function changeColor(bg,num){

         

          box.style.color=bg;

          box.innerHTML=(i++)*num;

          

          

       }        

         

      btn1.onclick=function(){

         

         changeColor("red",1);

       

       }

        

      btn2.onclick=function(){

          

         changeColor("green",2);

          

       }

         

      btn3.onclick=function(){

          

         changeColor("yellow",3);

          

       }//链接的是同一个变量，我想每次点击按钮再清空上次的数字

       

Answer 1

var i=0, color = "";function changeColor(bg,num){    if(color !== bg) {        i = 0;        color = bg;        box.style.color=bg;    }//不同按钮重置为0    box.innerHTML=(i++)*num; }           btn1.onclick=function(){      changeColor("red",1);  }  btn2.onclick=function(){       changeColor("green",2);     }   btn3.onclick=function(){       changeColor("yellow",3);     }//链接的是同一个变量，我想每次点击按钮再清空上次的数字

Answer 2

表达不够清楚，如果是想让全局变量 i 每次都是1，把它定义在 changeColor 函数里就行了。

Answer 3

点击的时候重置