2016-04-15 98 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

您可以将值作为参数传递,该部分很好 –