javascript関数

Question

距離式のためのデータを収集するためのフォームを使用して、私はそうのような距離の式を算出し、JavaScript関数を実行する際に使用するためのデータを収集するために、私の最初のHTMLページ上のフォームを使用する必要がある -

いずれにしても、この数式を計算できる関数を書くのが難しいです。私がオンラインで見つけることができるすべての例は、3番目の変数（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> 

誰もが式のためのスクリプト部分で私を助けることができますか？フォームを使用して最初のページからデータを取得し、2番目のフォームでJsスクリプト関数の入力として使用する方法も同様です。 （Perferably JSONやjQueryの可能性がなければ）

Answer 1

限り、私はあなたの質問を得たとして、あなたはこのようになめらか必要があります：あなたは、変数の値を持っていると仮定すると

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)) 
} 

Answer 2

、次の操作を行います。

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

しかし、もう1つの問題は値を渡すことです。以前の質問でこれを行う方法を教えられました。 <form>は、通常、PHPのようなサーバー側のスクリプトによって処理されます。 JavaScriptを使用したい場合は、単に2ページ目に移動せず、結果を計算して現在のページに出力してください。

HTML：：

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

JS：このような

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