在 JavaScript 中将函数分配给变量
这篇文章解释了我们如何将声明的函数分配给任何变量并检查该函数是否包含参数。与变量关联的函数可以返回任何值并将该值存储在变量中;我们还可以根据需要多次使用其分配的变量调用该函数。
var variable_name = function functionName(){};
在 HTML 中使用 JavaScript 将函数分配给变量的示例
我们将为变量 checkValue
分配一个函数,该变量将识别用户给定的值是偶数还是奇数。每当用户在 input 中插入一个值并按下 submit
按钮时,就会触发该函数;必须调用该函数并显示一个警告框,提示值是偶数
或值是奇数
。
<!DOCTYPE html>
<html>
<head>
<title>
HTML | Assign Function to Variable Example
</title>
<script type="text/javascript">
</script>
</head>
<body>
<h2>Hi Users Check your choosen value is a even or odd.</h2>
<form id="form" onsubmit="return false;">
<input type="text" id="userInput" maxlength="1" placeholder="Enter any number" />
<input type="submit" onclick="checkValue();" />
</form>
<script>
// function to check value is even or odd
var checkValue = function() {
var givenValue = document.getElementById("userInput").value;
if(givenValue % 2 == 0){
alert(givenValue+" is even")
}
else {
alert(givenValue+" is odd")
}
}
</script>
</body>
<html>
在上面的 HTML
页面源代码中,你可以看到一个简单的数字输入表单类型来从用户那里获取整数值,还有一个 提交
按钮来提交值并继续执行功能。
在这里,你可以看到 <script>
标签,这是在 doctype HTML 中使用 JavaScript
语句所必需的。我们已经为我们在这些标签中声明的变量 checkValue
分配了一个函数。
该函数在变量 givenValue
中包含一个用户给定的值。在下一步中,我们使用带有模运算符 (%
) 的条件语句来检查给定值的余数是否等于 2
。
在下一步中,function()
只是根据条件向用户显示一个警告框,其中包含 给定值是偶数
或 给定值是奇数
。
检查给定的 HTML
代码
按照以下所有步骤对代码有一个清晰的理解:
var variable_name = function functionName(){};
在 JavaScript 中将函数分配给变量的替代方法
也将获得相同的结果,如下所示。将函数赋值给带有参数的变量,以传递值、检查值并有条件地返回语句。
var checkEvenOdd = function(value) {
//will check passed value
if(value % 2 == 0){
return value+" is even"
}else{
return value+" is odd"
}
}
console.log(checkEvenOdd(2))
输出:
2
在上面的例子中,checkEvenOdd
分配了一个函数,我们必须在其中传递一个整数值作为参数函数将使用给定的 if
条件检查该值并返回一个字符串。在下一步中,函数 checkEvenOdd()
在 console.log()
中被调用以显示结果。
相关文章
如何在 PHP 中获取时间差的分钟数
发布时间:2023/03/29 浏览次数:183 分类:PHP
-
本文介绍了如何在 PHP 中获取时间差的分钟数,包括 date_diff()函数和数学公式。它包括 date_diff()函数和数学公式。