通過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 +")";
    }

Answer 2

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

宣布i = 0; 外部功能將解決您的問題