我基本上是在构建距离计算器。
用户输入原点,然后输入x和y的值,这些值将添加到原点的xy中。
但是在他/她输入这些信息之后,可能会有理由在x和y上增加更多。
对于原始方程式下的答案字段,我将在原始函数完成后添加另一个输入字段。

无论用户输入对x和y的更正次数有多少次,在上一次计算的输出字段下都会创建新输入字段,并将新输入添加到最后结果(而不是原始结果)中,然后运行整个计算又来了?我知道一种方法是制作重复的函数,这些函数将新输入定义为新变量-首先是x,然后是x1,然后是x2,依此类推,但这可能不被定义为一种好习惯,因为它会重复很多次。如何将新输入字段的ID定义为x + n?

我必须使用香草javascript,该程序必须在Windows Mobile 6.1设备上脱机运行。另外,我对编码还很陌生,所以如果您能指出正确的方向(目前无法更好地定义问题),我将非常感谢。

最佳答案

似乎您只是需要在不进行真正提交的情况下收集表单输入。我做了一个非常简单的模拟。在此处或其他地方绑定您的逻辑以处理全局输入数组。

还要注意,堆栈溢出的在线编辑器的提交行为有些奇怪,但是在本地应该可以。



var inputs = [];

function add() {
  var xElem = document.getElementById("x");
  var yElem = document.getElementById("y");

  var xValue = xElem.value;
  var yValue = yElem.value;

  inputs.push({
    "x": xValue,
    "y": yValue
  });

  xElem.value = "";
  yElem.value = "";

  console.log(inputs);
  return false; // Prevents form from "submitting"

}

<form id="inputform" onsubmit="add()">
  <input id="x" placeholder="x" /><br>
  <input id="y" placeholder="y" />
  <input type="submit" />
</form>

关于javascript - 在保持起点的同时添加n次新参数,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58340779/

10-16 20:43
查看更多