通过javascript onclick增加转换比例

请帮我建立以下逻辑， 以下是代码：

<button onclick="zoomin()">Zoom In</button>

function zoomin(){
   var myImg = document.getElementById("img");
   var i = 0;
   i++;
   myImg.style.transform = "scale(1."+ i +")";
}

放大
函数zoomin（）{
var myImg=document.getElementById（“img”）；
var i=0；
i++；
myImg.style.transform=“缩放（1.+i+”）；
}

但是，由于i=0，它只能工作一次。

---

请告诉我解决方案。

将变量

i

移出函数，只需初始化一次

var myImg = document.getElementById("img");
    var i = 0;
    function zoomin(){


       i++;
       myImg.style.transform = "scale(1."+ i +")";
    }

---

宣布i=0；外部函数将解决您的问题m

问题是每次运行函数时，var

i

都会被设置回0。尝试将var

i

声明移到函数外部。同时，myImg的句柄也应移到函数外部。为什么要反复声明相同的变量并浪费计算能力。

var i = 0;
var myImg = document.getElementById("img");
function zoomin(){
   i++;
   myImg.style.transform = "scale(1."+ i +")";
}