关于变量问题

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

点击的时候重置