Como dar zoom em uma imagem usando JS?

No projeto que estou desenvolvendo, eu preciso criar uma funcionalidade para dar zoom em uma imagem usando JS. O código está da seguinte forma:

$('#zoom').on("click", function(){
   var altura = $('#imagem').css.height();
   altura = altura * 2;
   $('#imagem').css.height(altura);
   var largura = $('#imagem').css.width();
   largura = largura * 2;
   $('#imagem').css.width(largura); 
}

Tem uma solução mais simples para dar zoom usando JS problema e pode ser escalado para poder dar mais zoom ao invés de uma vez só usando o atributo scale do CSS.

var escala = 1
var limite_inferior = 1
var limite_superior = 4
$('#zoom').on("click", function(){
    if (escala >= limite_inferior && escala <= limite_superior){
       escala = escala * 1.5
       $('#imagem').css('transform', `scale(${escala}, ${escala})`);
   }
}

Dessa forma, você poder alterar o quanto você deseja dar zoom na imagem trocando apenas os valores dos limites.