Javascript:带参数的函数

时间:2016-04-15 08:39:37

标签: javascript

我正在尝试使用参数创建一个javacript函数。

我正在尝试创建一个包含以下内容的页面。

一个名为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>

我知道它不多,但我现在所拥有的只是:)

1 个答案:

答案 0 :(得分:-1)

在diff()函数中,在调用alert()函数之前返回。这就是为什么它不被称为。您可以将结果存储在变量中,然后将结果传递给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>