diff --git "a/21 \345\215\242\344\272\250\350\200\200/Day01.md" "b/21 \345\215\242\344\272\250\350\200\200/Day01.md"
new file mode 100644
index 0000000000000000000000000000000000000000..79fcf250cc4cbb25f8cdbc85081adf9a0f0d8b3d
--- /dev/null
+++ "b/21 \345\215\242\344\272\250\350\200\200/Day01.md"
@@ -0,0 +1,78 @@
+# Day01 作业布置
+
+## 一. 完成课堂所有的代码
+
+```
+
+
+
+
+ 你敢点我吗?
+ 你能不使用行内式让我弹窗吗？
+
+
+ 你能不使用行内式、内部式让我弹窗吗?
+
+
+```
+
+js外部代码
+
+```
+document.querySelector('.b').addEventListener('click',() =>{
+ alert('你牛！')
+})
+```
+
+## 二. 简单聊聊JavaScript的历史(自己的话术来总结)
+
+ 网景公司想要一种语言嵌入浏览器，招募了一个天才程序员Brendan Eich，与Sun公司合作，在Brendan Eich 的带领下设计出JavaScript（大杂烩）。后来跟微软公司推出的 IE 发生了浏览器大战，为了解决开发者的噩耗，网景正式向ECMA（欧洲计算机制造商协会）提交语言标准，规定了ECMAScript范式。
+
+## 三. 说说你对JS引擎的理解(自己的话术总结)
+
+```
+JS引擎：就是帮助我们将JavaScript代码翻译成CPU指令来执行
+```
+
+## 四. JavaScript的交互方式有哪些？(后两种方式)
+
+| 方法 | 说明 |
+| -------------------- | -------------------------------------------- |
+| alert('内容') | 浏览器弹出警示框 |
+| console.log('内容') | 浏览器控制台打印输入信息（给程序员测试用的） |
+| prompt('内容') | 浏览器弹出输入框，用户可以输入 |
+| document.write(内容) | 浏览器打印出该内容 |
+
+## 五. 定义一些你日常生活或者在某些程序中见到的变量(10个)(预习)
+
+let count、let num、let index、let str、const name
+
+const age、const sex、const arr、const list、const obj
+
+## 六. 说出JavaScript中的常见数据类型以及它们代表的含义(预习)
+
+#### 基本数据类型：
+
+ **数字型（Number）：**整数或浮点数
+
+ **布尔值（Boolean）：**true 和 false.
+
+ **null：**表示为空
+
+ **字符串（String）：**如，‘张三’
+
+ **undefined：**表示变量未定义或未赋值
+
+ **NAN：**表示该变量不是数字
+
+#### 引用数据类型：
+
+**对象(Object)、数组(Array)、函数(Function)**
\ No newline at end of file
diff --git "a/21 \345\215\242\344\272\250\350\200\200/JavaScript\345\237\272\347\241\200\347\254\25402\345\244\251\344\275\234\344\270\232.md" "b/21 \345\215\242\344\272\250\350\200\200/JavaScript\345\237\272\347\241\200\347\254\25402\345\244\251\344\275\234\344\270\232.md"
new file mode 100644
index 0000000000000000000000000000000000000000..9a0284f5687c1984363c623fa68d5bf8cf40fc26
--- /dev/null
+++ "b/21 \345\215\242\344\272\250\350\200\200/JavaScript\345\237\272\347\241\200\347\254\25402\345\244\251\344\275\234\344\270\232.md"
@@ -0,0 +1,204 @@
+
+
+### 核心知识点
+
+1. 打印0-20之间的整数, 将每个数输出到控制台
+
+2. 计算1-1000之间的累加和，并且打印输出到页面中
+
+3. 页面依次打印 100-200之间,可以被6整除的数字
+
+4. 用户弹窗输入两个数字，页面输出两个数字中的最大值（请使用三元运算符完成）
+
+5. **用户输入一个数， 计算 1 到这个数的累加和**
+
+ - 比如 用户输入的是 5， 则计算 1~5 之间的累加和
+ - 比如用户输入的是10， 则计算 1~10 之间的累加和
+
+6. **输出成绩案例（请使用if多分支来书写程序）**
+
+ 题目描述：
+
+ 接收用户输入的分数，根据分数输出对应的等级字母 A、B、C、D、E，
+
+ - 90分(含)以上 ，输出：A
+ 80分(含)~ 90 分(不含)，输出：B
+ 70分(含)~ 80 分(不含)，输出：C
+ 60分(含)~ 70 分(不含)，输出：D
+ - 60分(不含) 以下，输出 E
+
+7. **输出星期练习（请使用switch分支语句来书写程序）**
+
+ 题目描述：
+
+ 请用户输入1个星期数. 就将对应的英文的星期打印出来.
+
+ - 比如用户输入'星期一'， 则 页面可以打印 monday
+ - 英文自己查有道。比如星期一是 monday 星期二是 tuesday
+
+8. **用户登录验证**
+
+ 题目描述：
+
+ 接收用户输入的用户名和密码，若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则，让用户一直输入。
+
+ ```js
+
+
+
+
+
+ Document
+
+
+
+
+
+ ```
+
+
+
+### 综合案例变形
+
+需求：根据用户选择计算两个数的结果：
+
+**题目描述：**
+
+打开页面出现一个提示框，注意是一直提示的，'请您选择 + - * / ，如果输入q，则是退出结束程序
+
+- 如果输入的是 + - * / 其中任何一个，比如用户输入是 + ，则是计算求和，如果用户输入是 * 则是计算乘积
+ - 则提示第一个弹窗，提示用户：'请您输入第一个数字'
+ - 输入完毕则继续提示第二个弹窗，提示用户：'请您输入第二个数字'
+ - 都输入完毕，则通过警示框 alert 输出结果
+- 如果输入是 q，则结束程序
+
+提示：多分支请使用 if 多分支来完成
+
+具体效果如图：
+
+ 
+
+## 简答题：关键字汇总( 能够简单的说出来这些关键字干啥用的 )
+
+- let //声明一个变量的关键字,声明的作用域是块或函数。声明的作用域是块或函数。声明的变量只能在执行到声明所在的位置之后才能被访问(非提升)不能重复定义
+- typeof //用于判断 变量,引用或常量的数据类型
+- if 分支语句,判断条件成立时执行其中代码,当条件true时不再执行其他判断
+- else 分支语句,用于if判断,当其他条件都不成立执行
+- switch 分支语句,传入一个变量用作判断
+- case 准确值,当switch的值等于当前值时执行其中代码
+- default 缺省值
+- while 循环,当条件不明确时使用
+- break 终止
+- continue 跳过
+
+
+
+
+
diff --git "a/21 \345\215\242\344\272\250\350\200\200/script\351\242\204\344\271\240.md" "b/21 \345\215\242\344\272\250\350\200\200/script\351\242\204\344\271\240.md"
new file mode 100644
index 0000000000000000000000000000000000000000..caa88b4b42eb82cc6d03339530de1db0491f6a94
--- /dev/null
+++ "b/21 \345\215\242\344\272\250\350\200\200/script\351\242\204\344\271\240.md"
@@ -0,0 +1,192 @@
+### 运算符
+
+#### 算术运算符
+
+算术运算使用的符号，用于执行俩个变量或值的算术运算
+
+| 运算符 | 描述 | 实例 |
+| ------ | -------------- | ------------------------ |
+| + | 加 | 10 + 20 = 30 |
+| - | 减 | 10 - 5 = 5 |
+| * | 乘 | 5 * 5 = 25 |
+| / | 除 | 10 / 20 = 0.5 |
+| % | 取余数（取模） | 返回除法的余数 9 % 2 = 1 |
+
+#### 赋值运算符
+
+用来把数据赋值给变量的运算符
+
+| 赋值运算符 | 说明 | 案例 |
+| ---------- | ------------------ | ------------------------------ |
+| = | 直接赋值 | var usrName='我是值'； |
+| += 、 -= | 加、减一个数后赋值 | var age= 10；age+=5；// 15 |
+| *=、/=、%= | 乘、除、取模后赋值 | var age = 2 ； age*=5； // 10 |
+
+#### 运算符优先级
+
+| 优先级 | 运算符 | 顺序 |
+| ------ | ---------- | ------------------------- |
+| 1 | 小括号 | （） |
+| 2 | 一元运算符 | ++ -- ！ |
+| 3 | 算数运算符 | 先 * / 后 + - |
+| 4 | 关系运算符 | > >= < <= |
+| 5 | 相等运算符 | == != **= !（不全等）** |
+| 6 | 逻辑运算符 | 先&&（与） 后\|\|（或） |
+| 7 | 赋值运算符 | = |
+| 8 | 逗号运算符 | ， |
+
+### 流程控制语句-分支
+
+#### if语句
+
+ 由上到下执行代码的过程中，根据不同条件，执行不同路径代码（执行代码多选一的过程），从而得到不同的结果
+
+语法:
+
+~~~ javascript
+ if （条件表达式1）{
+ // 执行语句1
+ }else if (条件表达式2) {
+ // 执行语句2
+ }else {
+ // 执行剩余条件语句
+ }
+~~~
+
+**判断成绩案例**
+
+~~~ javascript
+// 按照大到小判断的思路
+// 弹出prompt输入框 让用户输入分数，把这个值取过来保存到变量中
+// 使用if else if 语句来判断输出不同的值
+var score = prompt ('请输入您的分数');
+if(score >= 90){
+ alert('你真棒哟！');
+}else if(score >=80){
+ alert('你已经很棒了');
+}else if(score >= 70){
+ alert('很好但是还需要努力');
+}else if (score>=60){
+ alert('还需要继续努力哦！');
+}else{
+ alert('你得努力了哦');
+}
+~~~
+
+#### switch语句
+
+ switch 语句也是多分支语句，它用于基本不同的条件来执行不同的代码，当要针对变量设置一系列的特定值的选项时，可以使用switch（多选1）
+
+语法：
+
+~~~ javascript
+switch(表达式){
+ case 值1:
+ // 执行语句1;
+ break;
+ case 值2:
+ // 执行语句2;
+ break;
+ // ....
+ default:
+ // 执行最后的语句;
+}
+//执行思路
+ /*利用我们的表达式的值 和 case 后面的选项相匹配如果匹配上就执行该case里面的语句 如果没有匹配上，那么执行default里面的语句*/
+~~~
+
+**switch注意事项**
+
+~~~ javascript
+//我们开发里面 表达式经常写成变量
+//我们num 的值和case 里面相匹配的时候是全等，必须数据类型和值一样才 num === 1
+//不写break 会造成穿透
+~~~
+
+#### 三元表达式
+
+三元表达式能做一些简单的条件选择。有三元运算符组成的式子称为三元表达式
+
+语法结构:
+
+~~~ javascript
+// 条件表达式 ？ 表达式1 ：表达式2
+~~~
+
+执行思路
+
+如果条件表达式结果为真 则 返回表达式1 的值 如果表达式结果为假 则返回 表达式2 值
+
+```javascript
+var num = 10；
+var result = num > 5 ? '是的':'不是的';
+```
+
+**补零**
+
+```javascript
+var time = prompt('请输入一个 0~50 之间的一个数字')；
+条件表达式 ？ 表达式1 ：表达式2
+var result = time < 10 ? '0'+ time : time；//把返回值赋值给一个变量
+alert(result);//输出
+```
+
+### 循环
+
+#### for循环
+
+语法：
+
+~~~ javascript
+for (初始化变量;条件表达式;操作表达式){
+ //循环体
+}
+~~~
+
+例：
+
+~~~ javascript
+for(var i = 1; i<=100; i++){
+ console.log('这个人今年'+ i +'岁了');
+}
+~~~
+
+#### for循环小结
+
++ for 循环可以重复执行某些相同代码
++ for 循环可以重复执行些许不同的的代码，因为我们有计数器
++ for 循环可以重复执行某些操作，比如算术运算符
++ 随着需求增加，双重for循环可以做更多、更好看的效果
++ 双重for循环，外层循环一次，内外for循环全部执行
++ for循环，时循环条件和数字直接相关的循环
+
+#### while 循环
+
+```JAVA
+//语法结构
+while(条件表达式){
+ //循环体
+}
+//执行思路 当条件表达式结果为true 则执行循环体 否则退出循环
+var num = 1;
+while(num<=100){
+ conlose.log('hao');
+ num++;
+}
+//里面也有计数器，初始化变量
+// 里面应该也有操作表达式 完成计数器的更新 防止死循环
+```
+
+#### do while 循环 (while变体)
+
+```javascript
+//语法结构
+do{
+ //循环体
+}while（条件表达式）
+// 执行思路 跟while 不同的地方在于 do while 先执行一次循环体 在判断条件 如果条件结果为真，则继续执行循环体，否则退出循环
+var i = 1;
+do{
+ console.log('how');
+}while(i <= 100)
+```
\ No newline at end of file