Increase transform scale by javascript onclick

Question

please help me to build following logic, here is code:

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

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

but, because of i = 0 it works only one time. please tell me solution.

Answer 1

Move the variable i out of the function, it needs to be initialised only once.

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


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