首页 > 其他分享 >Js基础之循环分支

Js基础之循环分支

时间:2024-09-13 23:52:45浏览次数:10  
标签:成绩 prompt score alert 循环 let Js 输入 分支

1.if语句
单分支:

除了0 所有的数字都为真

除了空字符串,所有的数字都为真

if(0){
console.log(); //不执行,负数也执行,只要不为0就行
}

题目:

单分支课堂案例1:用户输入高考成绩,如果分数大于700,则提示恭喜考入黑马程序员

//1.用户输入
let score = +prompt('请输入成绩')
//12、进行判断输出
if(score >=700){
alert('恭喜考入黑马程序员')
console.log('------')
多分支:

题目:

需求:用户输入,用户名:pink,密码:123456,则提示登录成功,否则提示登录失败

// 1.用户输入
let uname = prompt('请输入用户名:')
let pwd = prompt('请输入密码:')
//2.判断输出
if(uname === 'pink'&& pwd ==='123456'){
alert('恭喜登录成功')
} else {
alert('用户名或者密码错误')
  }
多分支:

需求:根据输入不同的成绩,反馈不同的评价 注: 成绩90以上是 优秀 成绩70~90是 良好 成绩是60~70之间是 及格 成绩60分以下是 不及格

// 1.用户输入
let score = +prompt('请输入成绩:')
//2.判断输出
if(score >= 90){
alert('成绩优秀,宝贝,你是我的骄傲')
else if(score >= 70){
alert('成绩良好,宝贝,你要加油哦~~')
else if(score >=60){
alert('成绩及格,宝贝,你很危险~')
else {
alert('成绩不及格,宝贝,我不想和你说话,我只想用鞭子和你说话")
      }
2.Switch

需求:用户输入2个数字,然后输入+-*/任何一个,可以计算结果 分析: ①:用户输入数字 ②:用户输入不同算术运算符,可以去执行不同的运算(switch)

//用户输入 2个数字+ 操作符号
let num1 = +prompt('请您输入第一个数字:')
let num2 = +prompt('请您输入第二个数字:')
let sp = prompt('请您输入 +-*/ 其中一个:')
//2.判断输出
switch(sp){
case'+':
alert(`两个数的加法操作是${num1 + num2}`)
        break
case'-':
alert(`两个数的减法操作是${num1- num2}`)
break
case'*'
alert(`两个数的乘法操作是${num1 *num2}`)
break
case '/'
alert(`两个数的除法操作是${num1 / num2}`)
break
default:
alert(`你干啥咧,请输入+-*/`)
断点

在控制台找到Sources,然后找到断点演示,在代码里点一下设置断点,然后记得刷新浏览器

3.while循环
//1.变量的起始值
let i =1
// 2.终止条件while(i<= 3){
document.write('我要循环三次<br>')
//3、变量的变化量
i++
//1.变量的起始值
let end = +prompt('请输入次数:')
let i = 1
//2.终止条件
while(i<= end){
document.write('我要循环三次<br>')
//3.变量的变化量
i++
4.for循环
// 利用for循环输出三句话 目薪过万
for(let i=1;i<= 3;i++){
    document.write('月薪过万')
}
//4.打印数组
let arr =['刘德华','刘晓强','刘晓庆','刘若英','刘热巴','pink老师'] 
for(let i=0;i< arr.length; i++){
console.log(arr[i])}

标签:成绩,prompt,score,alert,循环,let,Js,输入,分支
From: https://blog.csdn.net/TwTei/article/details/142164159

相关文章

  • Js基础之数组
    数组(Array)-----一种将一组数据存储在单个变量名下的优雅方式letarr=[]//arr是变量[]里是数组字面量1.基本使用1.声明语法//声明数组let数组名=[数据1,数据2,····,数据n]letarr=['小明','小刚','小红','小丽','小米']//使用数组console.log(arr)//同......
  • Js基础之数据类型
    1.基本数据类型number数字型string字符串型布尔型undefined未定义型null空类型引用数据类型object对象js弱数据类型的语言,只有当我们赋值了,才知道是什么数据类型letnum='pink'console.log(num)string类型letstr='pink'letstr="pink"letsr......
  • js之变量的 介绍
    用户输入的数据我们如何储存起来?1.变量就是个容器注意:变量不是数据本身,它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。2.变量的基本使用一.声明变量:要想使用变量,首先需要创建变量(也称为声明变量或者定义变量)语法:let变量名声明变量......
  • SpringBoot:Web开发(基于SpringBoot使用MyBatis-Plus+JSP开发)
    目录前期准备构建项目(IDEA2023.1.2,JDK21,SpringBoot3.3.3)添加启动器Model准备这里我们利用MybatisX插件生成我们所需要的实体类、数据访问层以及服务层注意选择MyBatis-Plus3以及Lombok然后再在service接口中定义我们所需要的方法以及实现类(利用MyBatis-Plus省去我们......
  • 【数据结构】字符串与JSON字符串、JSON字符串及相应数据结构(如对象与数组)之间的相互转
    前言:下面打印日志用的是FastJSON依赖库中的 @Log4j2。依赖:<!--AlibabaFastjson--><dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.80</version></dependency>目录普通字......
  • JS加载
    同步加载阻塞模式,提高安全性过多JS加载会影响页面效率默认情况下,JS是同步加载,及优先加载外部JS,只有当JS文件加载完成,don和css才开始加载<scriptsrc='index.js'></script>异步加载非阻塞加载动态创建scriptdefer延迟加载JS,等到HTML的DOM完全解析之后asyncHTML......
  • 面试-JS基础知识-作用域和闭包
    问题this的不同应用场景手写bind函数实际开发中闭包的应用场景,举例说明创建10个<a>标签,点击的时候弹出来对应的序号作用域:某个变量的合法使用范围全局函数块级**自由变量上面图的最里面的红框————aa1a2都是自由变量,因为都没有被定义。会一层一层往上找。......
  • Laravel Blade:如何在表循环中迭代模型的belongsToMany关系?
    一、引言(一)介绍是一种流行的PHP模板引擎,用于构建动态网页。在本文中,我们将探讨如何在表循环中迭代模型的belongsToMany关系。通过使用LaravelBlade,我们可以轻松地处理这种复杂的关系,并在模板中显示相关的数据。本文将介绍如何设置关系、如何在模板中访问关系数据以及如何使用......
  • 解决 Node.js 项目中的 Yarn 安装错误
    在开发Node.js项目时,我们经常需要依赖于各种包来增强项目功能。Yarn是一个流行的包管理工具,由Facebook推出,旨在提供更快、更安全、更可靠的依赖管理。然而,如果你在尝试运行项目时遇到了关于Yarn未安装的错误,这可能会阻碍你的开发流程。本文将指导你如何通过简单的步......
  • UMIJS3剖析
    UMIJS3剖析约定式路由umijs是可扩展的企业级前端应用框架。Umi以路由为基础的,并以此进行功能扩展。然后配以生命周期完善的插件体系,支持各种功能扩展和业务需求约定式路由umi初始化项目mkdirhs-umi3npminit-ycnpmiumi-D运行项目pages\index.jssrc\pages\in......