我们如何通过使用JavaScript循环从单个输入形式接受输入？

发布于 2025-01-22 22:11:01 字数 711 浏览 3 评论 0原文

我有以下代码，我想知道我提出的问题是否可以实现：

var sum = 0;
while (document.getElementById("number").value != 0) { //while the user keeps on entering >0, add to sum
  sum = sum + document.getElementById("number").value;
}
document.getElementById("resultpara").value = sum;

<form>
  <label for="number">Enter a number:</label>
  <input type="text" name="number" id="number">
  <label for="number">Result:</label>
  <label for="resultpara"></label>
  <p id="resultpara"></p>
</form>

原文

I had the following code and I wondered if the question I asked is implementable:

var sum = 0;
while (document.getElementById("number").value != 0) { //while the user keeps on entering >0, add to sum
  sum = sum + document.getElementById("number").value;
}
document.getElementById("resultpara").value = sum;

<form>
  <label for="number">Enter a number:</label>
  <input type="text" name="number" id="number">
  <label for="number">Result:</label>
  <label for="resultpara"></label>
  <p id="resultpara"></p>
</form>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

清风挽心 2025-01-29 22:11:01

您将需要一个输入事件侦听器。另外，除非您停止提交事件的传播

var sum=0;
document.getElementById("number").addEventListener("input", function(event) {
  var number = Number(event.target.value) || 0;
  if (event.target.value !== 0) {
    sum += number;
  }
  document.getElementById("resultpara").textContent = sum;
  event.target.value = null;
});

<form>
            <label for="number">Enter a number:</label>
            <input type="text" name="number" id="number">
            <label for="number">Result:</label>            
            <label for="resultpara"></label>
            <p id="resultpara"></p>
            
        </form>

You will need an input event listener. Also, on form submit, the page will refresh (wiping any variable values to their defaults) unless you stop the propagation of submit event

var sum=0;
document.getElementById("number").addEventListener("input", function(event) {
  var number = Number(event.target.value) || 0;
  if (event.target.value !== 0) {
    sum += number;
  }
  document.getElementById("resultpara").textContent = sum;
  event.target.value = null;
});

<form>
            <label for="number">Enter a number:</label>
            <input type="text" name="number" id="number">
            <label for="number">Result:</label>            
            <label for="resultpara"></label>
            <p id="resultpara"></p>
            
        </form>

回复收藏 0 原文

~没有更多了~