我基本上是在构建距离计算器。
用户输入原点,然后输入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/