关于变量问题

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

点击的时候重置