循环

ycxom2024年12月9日大约 1 分钟

练习for循环配合

const getNum = num.value
console.log(+num.value)

if (isNaN(+num.value) || num.value == false || num.value <= 2) {
    alert('虚')
} else{
    if(+num.value > 100) {
        alert('恭喜你练就了百变羁绊蛋')
    } else
        {
let lu = '🦌'

// 正常输出
// let i = 1
// while (+num.value > i){
//     i++
//     lu += '🦌'
// }
// alert(lu)

//浪费一半 
let  i = 1; 
while (+num.value > i ) {
    if (i % 2 === 0){
        lu += '🦌'
    }
    i++
}
alert(lu)

        // for(+num.value > i ; i++ ; let i = 0 ){
        // }
}}})

指定跳过位置

text1.innerHTML = null
    let i = 1;
    
    while( i <= 5 ){
        if ( i === +text.value ){
            i++      // 要加一次，防止不执行下面的 i++ 
            continue // 忽略这次循环，不执行在下面的代码
        }
        text1.innerHTML += `现在为${i}。\n`
        i++
    }

完整网页

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>

        <input class="num1" type="password" placeholder="几次？">
        <button class="btn">🦌</button>

        <script>
        const num = document.querySelector('.num1')
        const btn = document.querySelector('.btn')

        btn.addEventListener('click', function() {

            const getNum = num.value
            console.log(+num.value)

            if (isNaN(+num.value) || num.value == false || num.value <= 2) {
                alert('虚')
            } else{
                if(+num.value > 100) {
                    alert('恭喜你练就了百变羁绊蛋')
                } else
                    {
                        let lu = '🦌'

                        // 正常输出
                        // let i = 1
                        // while (+num.value > i){
                        //     i++
                        //     lu += '🦌'
                        // }
                        // alert(lu)

                        //浪费一半 
                        let  i = 1; 
                        while (+num.value > i ) {
                            if (i % 2 === 0){
                                lu += '🦌'
                            }
                            i++
                        }
                        alert(lu)

                    // for(+num.value > i ; i++ ; let i = 0 ){
                    // }
            }}})

        </script>

        <br>
        <br>
        <h3>指定跳过位置</h3>
        <input class="text" type="number" placeholder="不输入表示不跳过">
        <button class="btn2">确定</button>
        <br>
        <textarea class="text1" style="height: 138px; width: 171px;" placeholder="输出"></textarea>

        <script>
            const text = document.querySelector('.text')
            const text1 = document.querySelector('.text1')
            const btn2 = document.querySelector('.btn2')

            btn2.addEventListener('click', function(){
                console.log(+text.value)
                
                text1.innerHTML = null
                let i = 1;
                
                while( i <= 5 ){
                    if ( i === +text.value ){
                        i++      // 要加一次，防止不执行下面的 i++ 
                        continue // 忽略这次循环，不执行在下面的代码
                    }
                    text1.innerHTML += `现在为${i}。\n`
                    i++
                }
            })

        </script>


    </body>
    </body>
</html>