javascript - 通过 javascript onclick 增加变换比例

Question

请帮助我建立以下逻辑， 这是代码:

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

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

但是，因为 i = 0，它只能工作一次。 请告诉我解决方案。

Answer 1

将变量i移出函数，只需要初始化一次。

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


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