while循环语句案例

随风去山海

已于 2023-12-12 13:08:53 修改

阅读量471

点赞数

分类专栏： javascript 文章标签： javascript 前端 html

于 2023-08-23 20:22:52 首次发布

本文链接：https://blog.csdn.net/yt0601/article/details/132460113

版权

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中while循环的基本结构，包括起始值、终止条件和变量变化，展示了如何在页面上实现计数、累加和判断偶数的功能，以及一个简易ATM取款机的模拟案例。

摘要由CSDN通过智能技术生成

案例：页面弹出对话框,'你爱我吗',如果输入'爱'，则结束，否则一直弹出对话框

简易ATM取款机案例

while循环三要素（防止死循环）

// 1.变量的起始值

let i = 1

// 2.终止条件

while (i <= 3) {

document.write('我要循环三次<br>')

i++ //3.变量的变化量

}

上述改进, 让用户输入打印输出的个数

let end = +prompt('请输入需要打印几次')

let i = 1

while (i <= end) {

document.write('我要循环<br>')

i++

}

页面输入1~100

let i = 1

while (i <= 100) {

document.write(`这是第${i}个数<br>`)

i++

}

计算从1到100的总和并输出

let i = 1

let sum = 0

while (i <= 100) {

// sum = sum + i

sum += i

i++

}

alert(sum) //5050

计算1-100之间的所有偶数和

let i = 1

sum = 0

while (i <= 100) {

//筛选偶数

if (i % 2 === 0) {

sum = sum + i

}

i++

}

console.log(sum) //2550

案例：页面弹出对话框,'你爱我吗',如果输入'爱'，则结束，否则一直弹出对话框

while (true) {

let str = prompt('你爱我吗')

// 退出条件爱

if (str === '爱') {

break

}

}

简易ATM取款机案例

需求：用户可以选择存钱、取钱、查看余额和退出功能

// 1.开始循环输入框写到循环里面

//3.准备一个总的金额

let money = 100 //写在循环的外面

while (true) {

// 模版字符串

let re = +prompt(`

请你选择操作:

1.存钱

2.取钱

3.查看余额

4.退出

`)

// 2.如果用户输入的是 4 退出循环, break

if (re === 4) {

break

}

//4.根据输入做操作

switch (re) {

case 1:

let cun = +prompt('请输入存款金额')

money += cun

break

case 2:

let qu = +prompt('请输入取款金额')

money -= qu

break

case 3:

alert(`您的银行卡余额是${money}`)

break

}

}