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 + 5alert(`据我估计,五年后,你可能${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 = 0for (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 : bdocument.write(max)
</script>
用户输入一个数,计算1到这个数的累加和
比如 用户输入的是 5, 则计算 1~5 之间的累加和
比如用户输入的是10, 则计算 1~10 之间的累加和
<script>let num = prompt('请输入一个数字')let sum = 0for (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')breakcase '星期二':document.write('Tuesday')breakcase '星期三':document.write('Wednesday')breakcase '星期四':document.write('Thursday')breakcase '星期五':document.write('Friday')breakcase '星期六':document.write('Saturday')breakcase '星期天':document.write('Sunday')break}</script>
用户登录验证
接收用户输入的用户名和密码,若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则,让用户一直输入。
while (true) {let msg = prompt('名字')let pwd = prompt('密码')if (msg === 'admin' && pwd === '123456') {break}
}
alert('登录成功')
根据用户选择计算两个数的结果
题目描述:
打开页面出现一个提示框,注意是一直提示的,'请您选择 + - * / ,如果输入q,则是退出结束程序
提示:多分支请使用if多分支来完成
如果输入的是 + - * / 其中任何一个,比如用户输入是 + ,则是计算求和,如果用户输入是 * 则是计算乘积
则提示第一个弹窗,提示用户:'请您输入第一个数字'
输入完毕则继续提示第二个弹窗,提示用户:'请您输入第二个数字'
都输入完毕,则通过警示框 alert 输出结果
如果输入是 q,则结束程序
<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>