<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
需求:
1. 声明一个变量,用于存放用户购买的商品 数量 为 20 件
2. 声明一个变量,用于存放用户的 姓名 为 '张三'
3. 依次控制台打印输出两个变量
-->
<script>
let account = 20
let name = '张三'
console.log(account)
console.log(name)
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 需求:
浏览器中弹出对话框: 请输入姓名,
页面中输出:刚才输入的姓名
-->
<script>
let name = prompt('请输入姓名')
document.write(`刚才输入的姓名: ${name}`)
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
需求:
有2个变量: num1 里面放的是 10, num2 里面放的是20
最后变为 num1 里面放的是 20 , num2 里面放的是 10
-->
<script>
let num1 = 10
let num2 = 20
let temp = 0 // 临时变量 中间容器
console.log(`交换前`)
console.log(`num1 = ${num1}`)
console.log(`num2 = ${num2}`)
temp = num1
num1 = num2
num2 = temp
console.log(`交换后`)
console.log(`num1 = ${num1}`)
console.log(`num2 = ${num2}`)
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 需求:让用户输入自己的名字、年龄、性别,再输出到网页-->
<script>
let name = prompt('名字:')
let age = prompt('年龄:')
let gender = prompt('性别:')
document.write(`姓名:${name} <br>`)
document.write(`年龄:${age} <br>`)
document.write(`性别:${gender} <br>`)
</script>
</body>
</html>