JS 简单案例(10个最基础的)-分支 循环

简介: 分支 循环

案例一:未成年人禁止入内

①用简单的if语句编写:

<script>
  var age=prompt('请输入你的年龄');
if(age>=18){
  alert('你可以进入');
}
</scrip>


②用if else编写:

<script>
  var age=prompt('请你的输入年龄');
  if (age>=18){
  alert('可以进入');
} else{
  alert('不可以进入');
}
</script>


案例二:判断闰年

能被4整除且不能整除100或能被400整除。

<script>
 var year=prompt('请您输入年份:'); 
if(year%4==0&&year%100!=0||year%400==0){
 alert('输入的年份为闰年');
}else{
 alert('输入的是平年');
}
</script>


案例三:判断成绩级别

<script>
 var score=prompt('请您输入分数:');
 if(score>=90){
 alert('A');
} else if( score>=80){
 alert('B');
} else if( score>=70){
 alert('C');
} else if( score>=60){
 alert('D');
} else{
 alert('E');
}
</script>


案例四:数字补0

<script>
 var time= prompt('请从0~59中选一个数字');
 var result=time<10?'0'+time:time;
 alert(result);
</script>


案例五:查询水果

<script>
var fruit:prompt('请输入查询的水果');
switch (fruit){
 case'苹果':
         alert('苹果3.5/斤')
 case'香蕉':
         alert('香蕉35/斤')
 default:
        alert('无');
}
</script>


案例六:人的一生

<script>
for(var i=1; i<=100; i++){
 if( i==1){
 console.log('这个人今年1岁了');
}else if(i==100){
 console.log('这个人今年100岁了');
} else{
 console. log('这个人今年'+i+'岁了');
 }
}
</script>


案例七:1-100累加和

<script> 
var sum=0;
for(var i=0;i<=100;i++){
 sum+=i;
}
console.log(sum);
</script>


案例八:1-100之间的平均值

<script>
 var sum=0;
 var average=0;
 for(var i=0;i<=100;i++){
   sum+=i;
}
 average=sum/100;
 consle.log(average);
</script>


案例九:求1-100之间所有偶数,奇数的和

<script>
 var even=0;
 var odd=0;
 for(var i=1;i<=100;i++){
  if(i%2==0){
 even+=i;
} else{
 odd+=i;
}
}
console.log('1~100之间所有的偶数和是'+even);
console.log('1~100之间所有奇数和是'+odd);
</script>


案例十:求学生成绩,平均分

<script>
 var num=prompt('请输入总人数');
 var sum=0;
 var average=0;
 for(var i=1;i<=100;i++){
  var score=prompt('请输入第'+i+'个学生成绩');
  sum=sum+parFloat(score);
}
  average=sum/num;
  alert('班级总的成绩是'+sum);
  alert('班级平均分是'+average);
</script>


目录
相关文章
|
2月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
40 6
JS循环for、for...of、for...in
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
48 2
JavaScript基础知识-流程控制之while循环
|
1月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
31 0
|
3月前
|
数据采集 Web App开发 JavaScript
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
|
3月前
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
3月前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
138 0
|
4天前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
15 2
|
2月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
51 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
2月前
|
JavaScript 前端开发 索引
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
42 1
JavaScript基础知识-forEach循环