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>


目录
相关文章
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
160 6
JS循环for、for...of、for...in
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
164 2
JavaScript基础知识-流程控制之while循环
|
11月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
132 0
|
6月前
|
JavaScript 前端开发 Java
深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
Array.find() 是 JavaScript 数组方法中一个非常实用和强大的工具。它不仅提供了简洁的查找操作,还具有性能上的独特优势:返回的引用能够直接影响原数组的数据内容,使得数据更新更加高效。通过各种场景的展示,我们可以看到 Array.find() 在更新、条件查找和嵌套结构查找等场景中的广泛应用。 在实际开发中,掌握 Array.find() 的特性和使用技巧,可以让代码更加简洁高效,特别是在需要直接修改原数据内容的情形。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
数据采集 Web App开发 JavaScript
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
利用Selenium和XPath抓取JavaScript动态加载内容的实践案例
|
6月前
|
监控 JavaScript 前端开发
MutationObserver详解+案例——深入理解 JavaScript 中的 MutationObserver:原理与实战案例
MutationObserver 是一个非常强大的 API,提供了一种高效、灵活的方式来监听和响应 DOM 变化。它解决了传统 DOM 事件监听器的诸多局限性,通过异步、批量的方式处理 DOM 变化,大大提高了性能和效率。在实际开发中,合理使用 MutationObserver 可以帮助我们更好地控制 DOM 操作,提高代码的健壮性和可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
MutationObserver详解+案例——深入理解 JavaScript 中的 MutationObserver:原理与实战案例
|
7月前
|
JavaScript 前端开发 索引
40个JS常用使用技巧案例
大家好,我是V哥。在日常开发中,JS是解决页面交互的利器。V哥总结了40个实用的JS小技巧,涵盖数组操作、对象处理、函数使用等,并附带案例代码和解释。从数组去重到异步函数,这些技巧能显著提升开发效率。先赞再看后评论,腰缠万贯财进门。关注威哥爱编程,全栈开发就你行!
212 16
|
6月前
|
消息中间件 JavaScript 前端开发
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
|
10月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
86 2
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
675 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)