<script>

/* 变量是什么？ */

/*目标：理解变量是计算机存储数据的“容器”

1.变量：

白话：变量就是一个装东西的盒子；

通俗：变量是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆

注意：变量不是数据本身，它们仅仅是一个用于存储数值的容器，可以理解为是一个个用来装东西的纸箱子

*/

/* 变量的基本使用 */

/* 目标：能够声明一个变量并完成赋值操作

1.变量的声明

2.变量的赋值 */

/* 1.声明变量：

要想使用变量，首先需要创建变量（也称为声明变量或者定义变量）

语法：let 变量名

声明变量有两部分构成：声明关键字、变量名（标识）

let即关键字（let：允许、许可、让、要），所谓关键字是系统提供的专门用来声明（定义）变量的词语

*/

// 例如：

let age // 我们声明了一个age变量，age即变量的名称，也叫标识符

/* 2.变量赋值：

定义了一个变量后，你就能初始化它（赋值），在变量名之后跟上一个“=”，然后是数值

*/

// 例如：

age = 18 //age变量赋值为18；age相当于房间名，18相当于里面住的人；age是变量，18是字面量

alert(age) //输出age变量，注意：是通过变量名来获得变量里面的数据

// 常用写法，声明的同时直接赋值 变量的初始化

// let age = 18 (age上面已经声明过了，这里不能重复声明，所以注释了)

// 练习

/* 1.声明一个变量，用于存放用户购买的商品数量（num）为20件

2.声明一个变量，用于存放用户的姓名（uname）为'张三'

3.依次控制台打印输出两个变量

*/

let num = 20

console.log(num)

let uname = '张三'

console.log(uname)

/* 3.更新变量

变量赋值后，还可以通过简单地给它一个不同的值来更新它

*/

/* let age = 18 (age上面已经声明过了，这里不能重复声明，所以注释了)

age = 19

console.log(age) */

/* 4.声明多个变量

变量赋值后，还可以通过简单地给它一个不同的值来更新它

语法：多个变量中间用逗号隔开

let age = 18, uname = 'pink'

*/

let name = '迪丽热巴', address = '河南'

console.log(name, address)

// 为了更好阅读，还是一行声明一个比较好

/* let name = '迪丽热巴'

let address = '河南'

console.log(name, address)

*/

// 练习

/* 1.变量案例-弹出姓名

需求：浏览器中弹出对话框：请输入姓名，页面中输出：刚才输入的姓名*/

// 分析：1.用户输入

// 2.内部处理保存数据

// 3.打印输出

let newname = prompt('请输入姓名')

document.write(newname)

/* 2.变量案例-交换变量的值

需求：有2个变量：num1里面放的是10，num2里面放的是20，最后变为num1里面放的是20，num2里面放的是10

目的：1.练习变量的使用 2.为后面冒泡排序做准备 */

let num1 = 10

let num2 = 20

let t

t = num1

num1 = num2

num2 = t

console.log(num1, num2, t)

</script>