while循环语句案例

目录

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

页面输入1~100

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

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

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

简易ATM取款机案例

---

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

         // 1.变量的起始值

         let i = 1

         // 2.终止条件

         while (i <= 3) {

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

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

         } 

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

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

         let i = 1

         while (i <= end) {

             document.write('我要循环
')

             i++

         } 

页面输入1~100

        let i = 1

        while (i <= 100) {

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

            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

            }

        }