1、获取用户信息
依次询问并获取用户的姓名、年龄、性别,收集数据之后在控制台依次打印出来。
提示:
通过prompt来弹出提示框,收集用户信息
通过变量保存数据
2、增加年龄
- 询问用户年龄,用户输入年龄后,把用户输入的年龄增加5岁
- 增加5岁后,通过弹出框提示用户 “ 据我估计,五年后,你可能XX岁了”
提示:
通过prompt来弹出提示框,收集用户信息
通过变量保存数据
转换数据类型(需要预习数据类型转换哟)
-
- //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}岁了`)
-
计算银行卡余额
- 用户输入总的银行卡金额,依次输入本月花费的电费,水费,网费。
- 页面打印一个表格,计算出本月银行卡还剩下的余额。
提示:
- 我们需要5个变量:银行卡总额、水费、电费、网费、银行卡余额
- 银行卡余额= 银行卡总额 – 水费 –电费 - 网费
- 第一步准备5个变量接受输入的数据
- 第二步计算银行卡余额
- 第三步页面打印生成表格,里面填充数据即可。
- 当然可以提前把html页面搭好。
- DOCTYPE html>
-
-
-
-
Document -
- 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;
- }
-
-
-
2023年9月消费支出
-
-
-
- // 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(`
-
-
银行卡余额 -
水费 -
电费 -
网费 -
银行卡余额 -
-
-
${total}元 -
${waterBill}元 -
${dianBill}元 -
${netBill}元 -
${money}元 -
-
`) -
-
打印0-20之间的整数,将每个数输出到控制台
- for (let i = 0; i <= 20; i++) {
- console.log(`0~20之间的整数是: ${i}`)
- }
计算1-1000之间的累加和,并且打印输出到页面中
- let sum = 0
- for (let i = 1; i <= 1000; i++) {
- sum += i
- }
- console.log(`1~1000之间的累加和是: ${sum}`)
页面依次打印100-200之间,可以被6整除的数字
- for (let i = 100; i <= 200; i++) {
- if (i % 6 === 0) {
- console.log(`100~200之间可以被6整除的是: ${i}`)
- }
- }
用户弹窗输入两个数字,页面输出两个数字中的最大值(请使用三元运算符完成)
- let a = +prompt('请输入第一个数:')
- let b = +prompt('请输入第二个数:')
- max = a > b ? a : b
- document.write(max)
用户输入一个数,计算1到这个数的累加和
比如 用户输入的是 5, 则计算 1~5 之间的累加和
比如用户输入的是10, 则计算 1~10 之间的累加和
-
- let num = prompt('请输入一个数字')
- let sum = 0
- for (let i = 1; i <= num; i++) {
- sum += i
- }
- console.log(`累加和是:${sum}`)
-
输出成绩(请使用if多分支来书写)
接收用户输入的分数,根据分数输出对应的等级字母 A、B、C、D、E,
90分(含)以上 ,输出:A
80分(含)~ 90 分(不含),输出:B
70分(含)~ 80 分(不含),输出:C
60分(含)~ 70 分(不含),输出:D
60分(不含) 以下,输出:E
-
- //输出成绩案例
- 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')
- }
-
输出星期练习(请使用switch分支语句来书写)
请用户输入1个星期数. 就将对应的英文的星期打印出来.
比如用户输入'星期一', 则 页面可以打印 monday
英文自己查有道。比如星期一是 monday 星期二是 tuesday
-
- // 输出星期练习(使用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
- }
-
用户登录验证
接收用户输入的用户名和密码,若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则,让用户一直输入。
- while (true) {
- let msg = prompt('名字')
- let pwd = prompt('密码')
- if (msg === 'admin' && pwd === '123456') {
- break
- }
- }
- alert('登录成功')
根据用户选择计算两个数的结果
题目描述:
打开页面出现一个提示框,注意是一直提示的,'请您选择 + - * / ,如果输入q,则是退出结束程序
提示:多分支请使用if多分支来完成
如果输入的是 + - * / 其中任何一个,比如用户输入是 + ,则是计算求和,如果用户输入是 * 则是计算乘积
则提示第一个弹窗,提示用户:'请您输入第一个数字'
输入完毕则继续提示第二个弹窗,提示用户:'请您输入第二个数字'
都输入完毕,则通过警示框 alert 输出结果
如果输入是 q,则结束程序
- 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}`)
- }
- }
- }