如何在回收器视图中设置按钮单击时，将变量的值之和获取到文本视图？

// HTML代码
<div id="recycler-view">
  <input type="text" value="10">
  <input type="text" value="20">
  <input type="text" value="30">
</div>
<div id="text-view"></div>
<button id="calculate-button">计算</button>

// JavaScript代码
document.getElementById("calculate-button").addEventListener("click", function() {
  var recyclerView = document.getElementById("recycler-view");
  var inputs = recyclerView.getElementsByTagName("input");
  var sum = 0;
  
  for (var i = 0; i < inputs.length; i++) {
    sum += parseInt(inputs[i].value);
  }
  
  var textView = document.getElementById("text-view");
  textView.textContent = "总和为：" + sum;
});