1.变量与字符串的分辨
<script>
// 分析:给下面代码补充注释,并且分析打印结果
let name = '张三'
let age = 20
console.log('name'+'age')
// 两个带引号的字符串:nameage(字符串拼接)
console.log('name'+ age)
// 字符串加变量的属性值:name20
console.log(name+'age')
// 张三age
console.log(name + age)
// 张三20
console.log('age'+1)
// age1
console.log(age+1)
// 21
</script>
2.找BUG类(排错1)
<script>
let age = 10
age++
// console.log(aeg)
// 报错原因:
let num = 20
nun++
console.log(num)
// 报错原因:
</script>
3.找BUG类(排错2)
<script>
let num = 10
console.log(num + 2 * 5 >= 60)//打印结果:
console.log(num > 5 && num > 8 || num < 10)//打印结果:
console.log(num > 5 || num > 8 && num < 10)//打印结果:
</script>
4.小案例1
需求:
1.依次让用户输入姓名,年龄,地址
2.控制台打印用户信息
<script>
//答案:
const name = prompt('name?')
const age = prompt('age?')
const address = prompt('address?')
console.log(`我叫${name},今年${age}岁了,来自${address}`)
</script>
5.小案例2
需求:
弹出输入框,让用户输入姓名年龄存款
页面显示一年后的存款 利息0.35%
<script>
//答案
const name = prompt('name')
const age = prompt('age')
const money = +prompt('money')
const total = money * 0.0035 + money
document.write(`
<table border="1">
<tr>
<td>姓名</td>
<td>年龄</td>
<td>存款</td>
<td>一年后存款</td>
</tr>
<tr>
<td>${name}</td>
<td>${age}</td>
<td>${money}</td>
<td>${total}</td>
</tr>
</table>`)
</script>
6.小案例3
需求:
1.用户输入总的银行卡金额,依次输入本月花费的电费,水费,网费。
2.页面显示剩下的余额
<script>
//答案
const money = +prompt('money')
const eat = +prompt('eat')
const water = +prompt('water')
const total = money - water - eat
document.write(total)
</script>
*建议先看题自己做一遍再看答案哦!所有题目,除需要css样式之外的, 都需要自己新建文件把题干写出来。