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;外部功能会解决你的问题

通过javascript onclick增加变换比例

2 个答案: