如何通过文本输入更改SVG行的不透明度？

<input type="text" id="opacityInput" placeholder="请输入不透明度值（0-1）">
<button onclick="changeOpacity()">更改不透明度</button>
<svg width="200" height="200">
  <g id="svgGroup">
    <rect x="50" y="50" width="100" height="100" fill="blue"></rect>
  </g>
</svg>

function changeOpacity() {
  var opacityInput = document.getElementById("opacityInput");
  var opacityValue = parseFloat(opacityInput.value);
  
  if (opacityValue >= 0 && opacityValue <= 1) {
    var svgGroup = document.getElementById("svgGroup");
    svgGroup.setAttribute("style", "opacity: " + opacityValue);
  } else {
    alert("请输入有效的不透明度值（0-1）");
  }
}