新手小白js练习题第二天

无敌暴暴龙（超级无敌版）

已于 2023-11-29 17:51:57 修改

阅读量559

点赞数 10

文章标签： javascript 前端开发语言

于 2023-11-29 17:49:53 首次发布

本文链接：https://blog.csdn.net/weixin_52692705/article/details/134688829

版权

文章详细展示了JavaScript编程中处理用户输入、条件判断（如4的倍数、非100倍数、逻辑运算等）、基本计算（如最大值、字符串操作、数值格式化）以及简单的功能实现（如判断闰年、成绩评价等）的示例代码。

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

1.判断一个数是4的倍数，且不是100的倍数

需求：用户输入一个，判断这个数能被4整除，但是不能被100整除,满足条件，页面弹出true，否则弹出 false

<!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>
   
<script>
    let num = Number(prompt('请输入一个数字'))
    if (num%4==0&&num%100!=0) {
        alert('true')
    } else {
        alert('false')
    }
</script>
</body>
</html>

2.判断一些语句的结果

<!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>
   
<script>
    let a = 3 > 5 && 2 < 7 && 3 == 4
    console.log(a)//false
    let b = 3 <= 4 || 3 > 1 || 3 != 2
    console.log(b) //true
    let c = 2 === "2"
    console.log(c) //false
    let d  = !c || b && a
    console.log(d) //true
</script>
</body>
</html>

3.用户输入高考成绩，如果分数大于700，则提示恭喜考入大学

<!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>
   
<script>
    let num = prompt('请输入你的成绩')
    if(num>700) {
        alert('恭喜你考入大学')
    }
</script>
</body>
</html>

4.用户输入，用户名：无敌暴暴龙，密码：123456，则提示登录成功，否则提示登录失败

<!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>
   
<script>
    let name = prompt('请输入你的名字')
    let pwd = prompt('请输入密码')
    if(name == '无敌暴暴龙' && pwd == 123456) {
        alert('登录成功')
    }else {
        alert('登录失败')
    }
</script>
</body>
</html>

4.让用户输入年份，判断这一年是闰年还是平年并弹出对应的警示框（能被4整除但不能被100整除，或者被400整除的年份是闰年，否则都是平年）

<!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>
   
<script>
    let year = prompt('请输入年份')
    if(year%4==0 && year%100!=0 || year%4==0){ 
        alert('是闰年')
    }else {
        alert('不是闰年')
    }
</script>
</body>
</html>

5.需求：根据输入不同的成绩，反馈不同的评价

注：

①：成绩90以上是优秀

②：成绩70~90是良好

③：成绩是60~70之间是及格

④：成绩60分以下是不及格

<!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>
   
<script>
    let score = prompt('请输入成绩')
    if (score > 90) {
        alert('优秀')
    }else if (score>70) {
        alert('良好')
    }else if (score>60) {
        alert('及格')
    }else {
        alert('不及格')
    }
</script>
</body>
</html>

6.用户输入2个数，控制台输出最大的值

<!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>
   
<script>
    let num1 = prompt('请输入第一个数')
    let num2 = prompt('请输入第二个数')
    let max = num1 > num2 ? num1:num2
    alert(max)
</script>
</body>
</html>

7.用户输入1个数，如果数字小于10，则前面进行补0，比如 09 03 等

<!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>
   
<script>
    let num = prompt('请输入一个数')
    if (num <10) {
        alert(`0${num}`)
    }else {
        alert(num)
    }
</script>
</body>
</html>

8.用户输入2个数字，然后输入 + - * / 任何一个，可以计算结果

<!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>
   
<script>
    let num1 = +prompt('请输入第一个数')
    let num2 = +prompt('请输入第二个数')
    let symbol = prompt('请输入+,-,*,/中的一个符号')
    switch(symbol) {
        case '+':alert(`结果为${num1+num2}`);break;
        case '-':alert(`结果为${num1-num2}`);break;
        case '*':alert(`结果为${num1*num2}`);break;
        case '/':alert(`结果为${num1/num2}`);break;
        default:alert('输入错误了哦');break;
    }
</script>
</body>
</html>

9.输入一个数，在页面中打印输出多少条“月薪过万”

<!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>
   
<script>
    let i = 1
    let max = +prompt('请输入需要输出几个月薪过万')
    while(i<=max) {
        document.write('月薪过万</br>')
        i++
    }
</script>
</body>
</html>

10.

1. 页面输出1-100
2. 计算从1加到100的总和并输出
3. 计算1-100之间的所有偶数和

<!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>
   
<script>
    let i = 1
    let sum = 0
    //1.
    // while(i<=100) {
    //     document.write(`${i}</br>`)
    //     i++
    // }

    //2.
    // while(i<=100) {
    //     sum = sum+i
    //     i++   
    // }
    // document.write(sum)
  
    //3.
    // while(i<=100) {
    //     if(i%2==0) {
    //         sum = sum +i              
    //     }
    //     i++
    // }
    // document.write(sum)
</script>
</body>
</html>

11.页面弹出对话框，‘你爱我吗’，如果输入‘爱’，则结束，否则一直弹出对话框

<!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>
   
<script>   
    while (true) {
        let title = prompt('你爱我吗')
        if(title==='爱') {
            alert('沸羊羊')
            break
        }
    }
</script>
</body>
</html>

11.弄一个弹窗，用户可以选择存钱，取钱，查看余额和退出功能

<!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>
   
<script>   
    // 思路：先写一个银行余额
    // 如果选择退出，直接退出
    // 如果选择存款或者取款弹出输入金额，并算出余额还剩多少，
   let money = 100   
  while(true) {
    let re = +prompt(`请输入你的选择：</br>1.取款</br>2.存款</br>3.查看余额</br>4.退出`)
    if(re == 4) {
        break
   }
   switch(re) {
        case 1 :
        let qu = prompt('请输入取款金额')
        money = money-qu
        break
        case 2 :
        let cun = +prompt('请输入存款金额')
        money = money+cun
        break
        case 3 :
        alert(`你现在的余额是${money}`)
        break
   }
  }

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