2016-10-10 53 views
-2

我需要用我的第一個HTML頁面的形式收集用於數據運行計算的距離公式,像這樣一個JavaScript函數的距離公式數據 -使用表單收集javascript函數

Distance Formula

無論如何,我很難編寫可以計算這個公式的函數。我可以在網上找到的所有例子都不涉及第三個變量(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的,如果可能的話)

+0

我downvoted這一點,因爲這是很基本的東西,你應該問這裏之前做*很多*更多的研究。 –

回答

0

至於我收到了你的問題,你需要水木清華這樣的:

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

假設你有變量的值,這樣做:

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;