JavaScript基础——练习巩固题目(1）

再快一步`

已于 2023-10-16 12:26:39 修改

阅读量1k

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

于 2023-10-16 12:24:59 首次发布

本文链接：https://blog.csdn.net/weixin_48719464/article/details/133855470

版权

JavaScript 专栏收录该内容

32 篇文章 4 订阅

订阅专栏

1、获取用户信息

依次询问并获取用户的姓名、年龄、性别，收集数据之后在控制台依次打印出来。

提示：

通过prompt来弹出提示框，收集用户信息

通过变量保存数据

2、增加年龄

询问用户年龄，用户输入年龄后，把用户输入的年龄增加5岁
增加5岁后，通过弹出框提示用户 “ 据我估计，五年后，你可能XX岁了”

提示：

通过prompt来弹出提示框，收集用户信息

通过变量保存数据

转换数据类型(需要预习数据类型转换哟)

    <script>
        //1.获取用户信息
        let uname = prompt('请输入您的姓名：')
        let age = +prompt('请输入您的年龄：')
        let gender = prompt('请输入您的性别：')
        console.log(uname);
        console.log(age);
        console.log(gender);
        let ages = age + 5
        alert(`据我估计，五年后，你可能${ages}岁了`)
    </script>

计算银行卡余额

用户输入总的银行卡金额，依次输入本月花费的电费，水费，网费。
页面打印一个表格，计算出本月银行卡还剩下的余额。

提示：

我们需要5个变量：银行卡总额、水费、电费、网费、银行卡余额
银行卡余额= 银行卡总额 – 水费 –电费 - 网费
第一步准备5个变量接受输入的数据
第二步计算银行卡余额
第三步页面打印生成表格，里面填充数据即可。
当然可以提前把html页面搭好。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h2 {
            text-align: center;
        }

        table {
            width: 700px;
            height: 90px;
            margin: 0 auto;
        }

        table,
        th,
        td {
            border: 1px solid #333;
            border-collapse: collapse;
            text-align: center;
        }
    </style>
</head>

<body>
    <h2>2023年9月消费支出</h2>

    <script>

        // 1. 声明5个变量 
        const total = prompt('请输入银行卡总额:')
        const waterBill = prompt('请输入水费:')
        const dianBill = prompt('请输入电费:')
        const netBill = prompt('请输入网费:')
        const money = total - waterBill - dianBill - netBill
        // console.log(money)
        document.write(`<table>
        <tr>
            <th>银行卡余额</th>
            <th>水费</th>
            <th>电费</th>
            <th>网费</th>
            <th>银行卡余额</th>
        </tr>
        <tr>
            <td>${total}元</td>
            <td>${waterBill}元</td>
            <td>${dianBill}元</td>
            <td>${netBill}元</td>
            <td>${money}元</td>
        </tr>
    </table>`)
    </script>
</body>

</html>

打印0-20之间的整数，将每个数输出到控制台

<script>
  for (let i = 0; i <= 20; i++) {
    console.log(`0~20之间的整数是: ${i}`)
  }
</script>

计算1-1000之间的累加和，并且打印输出到页面中

<script>
  let sum = 0
  for (let i = 1; i <= 1000; i++) {
    sum += i
  }
  console.log(`1~1000之间的累加和是: ${sum}`)
</script>

页面依次打印100-200之间，可以被6整除的数字

<script>
  for (let i = 100; i <= 200; i++) {
    if (i % 6 === 0) {
      console.log(`100~200之间可以被6整除的是: ${i}`)
    }
  }
</script>

用户弹窗输入两个数字，页面输出两个数字中的最大值（请使用三元运算符完成）

<script>
    let a = +prompt('请输入第一个数：')
    let b = +prompt('请输入第二个数：')
    max = a > b ? a : b
    document.write(max)
</script>

用户输入一个数，计算1到这个数的累加和

比如用户输入的是 5，则计算 1~5 之间的累加和

比如用户输入的是10，则计算 1~10 之间的累加和

 <script>
    let num = prompt('请输入一个数字')
    let sum = 0
    for (let i = 1; i <= num; i++) {
      sum += i
    }
    console.log(`累加和是：${sum}`)
  </script>

输出成绩（请使用if多分支来书写）

接收用户输入的分数，根据分数输出对应的等级字母 A、B、C、D、E，

90分(含)以上，输出：A

80分(含)~ 90 分(不含)，输出：B

70分(含)~ 80 分(不含)，输出：C

60分(含)~ 70 分(不含)，输出：D

60分(不含) 以下，输出：E

    <script>
        //输出成绩案例
        let score = +prompt('请输入您的成绩：')
        if(score >= 90){
            document.write('您的成绩为A')
        }else if(score >= 80){
            document.write('您的成绩为B')
        }else if(score >= 70){
            document.write('您的成绩为C')
        }else if(score >= 60){
            document.write('您的成绩为D')
        }else{
            document.write('您的成绩为E')
        }
    </script>

输出星期练习（请使用switch分支语句来书写）

请用户输入1个星期数. 就将对应的英文的星期打印出来.

比如用户输入'星期一'，则页面可以打印 monday

英文自己查有道。比如星期一是 monday 星期二是 tuesday

    <script>
        // 输出星期练习（使用switch）
        let week = prompt('请输入星期一到星期天其中一天：')
        switch (week) {
            case '星期一':
                document.write('Monday')
                break
            case '星期二':
                document.write('Tuesday')
                break
            case '星期三':
                document.write('Wednesday')
                break
            case '星期四':
                document.write('Thursday')
                break
            case '星期五':
                document.write('Friday')
                break
            case '星期六':
                document.write('Saturday')
                break
            case '星期天':
                document.write('Sunday')
                break
        }
    </script>

用户登录验证

接收用户输入的用户名和密码，若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则，让用户一直输入。

while (true) {
    let msg = prompt('名字')
    let pwd = prompt('密码')
    if (msg === 'admin' && pwd === '123456') {
        break
    }
}
alert('登录成功')

根据用户选择计算两个数的结果

题目描述：

打开页面出现一个提示框，注意是一直提示的，'请您选择 + - * / ，如果输入q，则是退出结束程序

如果输入的是 + - * / 其中任何一个，比如用户输入是 + ，则是计算求和，如果用户输入是 * 则是计算乘积

则提示第一个弹窗，提示用户：'请您输入第一个数字'

输入完毕则继续提示第二个弹窗，提示用户：'请您输入第二个数字'

都输入完毕，则通过警示框 alert 输出结果

如果输入是 q，则结束程序

提示：多分支请使用if多分支来完成

<script>
  while (true) {
    let re = prompt(`
      1. 输入 + - * / 计算两个数字的结果
      2. 如果是q则是退出
    `)
    if (re === 'q') {
      break
    } else {
      let x = +prompt('请输入第一个数字')
      let y = +prompt('请输入第二个数字')
      if (re === '+') {
        alert(`两个数的和是: ${x + y}`)
      } if (re === '-') {
        alert(`两个数的差是: ${x - y}`)
      } if (re === '*') {
        alert(`两个数的乘积是: ${x * y}`)
      } if (re === '/') {
        alert(`两个数的求商是: ${x / y}`)
      }
    }
  }
</script>