2016-04-15 144 views
-3

我想創建一個帶參數的javacript函數。Javascript:函數參數

我正在嘗試創建具有以下內容的頁面。

一個稱爲diff()的函數,它將兩個數字作爲參數並將它們之間的差值(作爲正數)返回給調用函數。

&

稱爲INOUT(),它是由用戶觸發的功能,收集用戶輸入,通過這些所述第一功能,然後將結果輸出到屏幕上。

如果有人能給我一個開始,這將是偉大的。

任何幫助或指針將不勝感激

非常感謝

function diff(num1, num2) { 
 

 
    if num1 > num2 { 
 
    return num1 - num2 
 
    } else { 
 
    return num2 - num1 
 
    } 
 

 
    alert('The difference between the two numbers are') 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 

 
    <meta charset="utf-8"> 
 
    <script> 
 
    function diff(num1, num2) { 
 

 
     if num1 > num2 { 
 
     return num1 - num2 
 
     } else { 
 
     return num2 - num1 
 
     } 
 

 
     alert('The difference between the two numbers are') 
 
    } 
 
    </script> 
 

 

 
    <p>Enter your values</p> 
 

 
    <input id="num1" type="number" placeholder=" Value 1"></input> 
 
    <input id="num2" type="number" placeholder=" Value 2"></input> 
 
    <button onclick="diff(num1, num2)">Press for Answer</button> 
 

 
    </body> 
 

 
</html>

我知道它不是很多,但它的一切我都在此刻:)

+0

你可以通過向我們展示你到目前爲止的代碼來幫助自己 –

+0

你好詹姆斯,我很抱歉你的問題不夠精確。你應該試着一步一步專注於你的問題。首先,你似乎在腳本的放置位置有問題,然後我不確定你知道如何調用腳本中的函數,... –

+0

這些類型的問題不應該在這裏問,研究問題之前先問。有很多關於如何使用功能的示例 –

回答

-1

在調用alert()函數之前返回的diff()函數中。這就是爲什麼它沒有被調用。您可以將結果存儲在變量中,然後將結果傳遞給alert()。

function diff(num1, num2) { 
    var result; 
    if num1 > num2 { 
    result = num1 - num2 
    } else { 
    result = num2 - num1 
    } 

    alert('The difference between the two numbers are: ' + result) 
} 

編輯:對不起,這應該工作。您還需要獲取num1和num2的值。

<script> 
    function diff() { 
    var result; 
    var num1= document.getElementById('num1').value; 
    var num2= document.getElementById('num2').value; 


    if (num1 > num2) { 
    result = num1 - num2; 
    } else { 
    result = num2 - num1; 
    } 
    alert('The difference between the two numbers are: ' + result) 
    } 
    </script> 


    <p>Enter your values</p> 

    <input id="num1" type="number" placeholder=" Value 1"> 
    <input id="num2" type="number" placeholder=" Value 2"> 
    <button onclick="diff()">Press for Answer</button> 
+0

此代碼不起作用 –

+0

您可以將值作爲參數傳遞,該部分很好 –