如何只使用javascript让图片在点击时放大？

var image = document.getElementById("myImage");
image.addEventListener("click", function() {
  // 在这里编写放大图片的代码
});

var image = document.getElementById("myImage");
image.addEventListener("click", function() {
  image.style.width = "200%"; // 增加图片宽度为原来的两倍
  image.style.height = "200%"; // 增加图片高度为原来的两倍
  image.style.transition = "width 0.5s, height 0.5s"; // 添加过渡效果
});

var image = document.getElementById("myImage");
image.addEventListener("click", function() {
  if (image.style.width === "200%") {
    image.style.width = ""; // 恢复原始宽度
    image.style.height = ""; // 恢复原始高度
  } else {
    image.style.width = "200%"; // 增加图片宽度为原来的两倍
    image.style.height = "200%"; // 增加图片高度为原来的两倍
    image.style.transition = "width 0.5s, height 0.5s"; // 添加过渡效果
  }
});