本文章列举了多个JavaScript的函数案例,帮助大家理解和使用函数,包括函数的封装调用,参数的传递,switch,continue 练习。提供源码为初学者进行更好的学习。
目录
案例一,封装数字补零案例
描述:当传递值为以为小于10时在数字的前面补零,传递的值大于等于10时则原数返回
<h1>案例一:封装数字补零案例</h1>
<p>
描述:当传递值为以为小于10时在数字的前面补零,传递的值大于等于10时则原数返回
</p>
<input type="text" id="shi" />
<button id="ling">点击补零</button>
var inp1 = document.getElementById("shi");
var but = document.getElementById("ling");
var bu = function (a) {
if (a == null || a == undefined || a == 0) {
alert("输入的数字为空!");
} else if (a == " " || isNaN(a)) {
alert("输入的非数字!");
} else if (a > 10) {
alert("返回数字" + a);
} else {
alert("返回数字前补充:0" + a);
}
return a;
};
but.onclick = function () {
// var aaa=Number()
bu(inp1.value);
console.log(inp1.value);
};
案例二:switch练习
描述:弹窗输入水果的名称,返回