增加变换规模由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 +")"; 
    }