增加變換規模由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

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

聲明I = 0;外部函數將解決您的問題

Answer 2

將變量i移出該函數，它只需要初始化一次。

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


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