使用表单收集javascript函数

-2

我需要用我的第一个HTML页面的形式收集用于数据运行计算的距离公式，像这样一个JavaScript函数的距离公式数据 -使用表单收集javascript函数

无论如何，我很难编写可以计算这个公式的函数。我可以在网上找到的所有例子都不涉及第三个变量（Z）或者使用纬度和经度。此外，这些示例中的很多都在1页上进行了输入和计算，而我需要从第1页（变量的值）获取输入并将其用作第2页脚本的输入。

这是我到目前为止（页1）--->

Distance Formula - Input Values for X1, Y1, Z1 and X2, Y2, Z2. <form name="distance"> 
    X1: <input type="text" name="x1_val" size="5"> 
    <br> 
    Y1: <input type="text" name="y1_val" size="5"> 
    <br> 
    Z1: <input type="text" name="z1_val" size="5"> 
    <br> 
    X2: <input type="text" name="x2_val" size="5"> 
    <br> 
    Y2: <input type="text" name="y2_val" size="5"> 
    <br> 
    Z2: <input type="text" name="z2_val" size="5"> 
    <br> 

    <input type="submit" value="Submit"> 

</form>

任何人都可以帮我用公式的脚本部分？以及如何使用表单从第一页获取数据，并在第二个页面中将它用作Js脚本函数的输入？（Perferably没有JSON或JQuery的，如果可能的话）

来源

2016-10-10 nwd12a

我downvoted这一点，因为这是很基本的东西，你应该问这里之前做*很多*更多的研究。 –

至于我收到了你的问题，你需要水木清华这样的：

function getDistance(x1, x2, y1, y2, z1, z2) { 
    var pow = function(val) { 
      return Math.pow(val, 2); 
     }, 
     sqrt = Math.sqrt; 
    return sqrt(pow(x2 - x1) + pow(y2 - y1) + pow(z2 - z1)) 
}

来源

2016-10-10 18:22:40

假设你有变量的值，这样做：

var d1 = x2 - x1; 
var d2 = y2 - y1; 
var d3 = y3 - y1; 
var dist = Math.sqrt(d1*d1 + d2*d2 + d3*d3);

但是，这里的另一个问题是传递值，并且在上一个问题中告诉了您如何执行此操作。 A <form>通常由PHP等服务器端脚本处理;如果您想使用JavaScript，请不要移至第二页，只需计算结果并将其输出到当前页面即可。就像这样：

HTML：

<div id="output"></div>

JS：

// calculation here 
document.getElementById("output").innerHTML = "Result: " + dist;

来源

2016-10-10 18:26:54

使用表单收集javascript函数

回答

相关问题