今天给大家分享一下js的条件If...Else 语句,条件语句是我们学习js不可缺少的部分,我们使用页面时会发生很多不同的事件,我们需要判断我们需要什么,这时语句判断它的作用就体验出来了!
一个简单的例子比如说我们需要判断用户年龄是否成年!
话不多说直接看代码:
<body>
<input type="number" id="input"> <!-- 接受用户输入的年龄 -->
<button onclick="bot()">判断</button> <!--添加事件,进行判断 -->
<script>
function bot() //点击事件,进行判断
{
var inp = document.getElementById("input").value; //接受数值
var i = inp; //声明变量 存放数值
if(i < 18) //判断用户是否成年
{
console.log("用户未成年!");
}else //if不满足则执行else
{
console.log("用户成年!");
}
}
</script>
</body>
好的我们代码就是这样了,我们已经可以判断用户是否成年!
我们从代码中可以了解if条件语句的格式:
if(逻辑表达式)
{
要运行的语句块
}else //条件不吻合直接执行else,所以else不需要逻辑表达式
{
要运行的语句块
}
这就是if条件语句的基本格式!
通常情况下我们就是使用if....else就行了,但是if可以进行多次判断可以敲成:
if(逻辑表达式)
{
要运行的语句块
} else if (逻辑表达式)
{
要运行的语句块
} else if (逻辑表达式)
{
要运行的语句块
} else if (逻辑表达式)
{
要运行的语句块
}
else //条件不吻合直接执行else,所以else不需要逻辑表达式
{
要运行的语句块
}
hhh,我觉得还是直接上代码好一点,那我们现在用这个判断一下我们用户输入的年龄,并判断处在什么阶 段!
<body>
<input type="number" id="input"> <!-- 接受用户输入的年龄 -->
<button onclick="bot()">判断</button> <!--添加事件,进行判断 -->
<script>
function bot() //点击事件,进行判断
{
var inp = document.getElementById("input").value; //接受数值
var i = inp; //声明变量 存放数值
//年龄我自己定义的,如果你觉得不适合误喷.....
if(i<0)
{
console.log("不允许输入负数");//比较年龄不可能为负数吧!hhh
}else if(i<12)
{
console.log("儿童"); //小于12的为儿童
}else if(i<18)
{
console.log("青少年");//12 到 小于18的为青少年
}else if(i<30)
{
console.log("青年"); //18 到 小于30的为青少年
}else if(i<55)
{
console.log("中年");//35 到 小于55的为中年
}else if(i>=55)
{
console.log("老年");//55以及以上为老年
}
}
</script>
</body>
if....else if...else if...else if...else ,这样的语句可以一直敲下去,但是我们根据我的需要去写,其实一般我们用3到4个就差不多了!!
这是我所学到的If...Else 语句,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教(大神勿喷)。