diff --git "a/20241024 \345\210\235\350\257\206JS/JS.md" "b/20241024 \345\210\235\350\257\206JS/JS.md"
new file mode 100644
index 0000000000000000000000000000000000000000..a8ef247ec23eb8919cc73a134ca3c7ff9476a829
--- /dev/null
+++ "b/20241024 \345\210\235\350\257\206JS/JS.md"
@@ -0,0 +1,113 @@
+## 课堂笔记
+
+#### 一、简介
+
+1. JavaScript 是一种运行在浏览器的脚本编程语言。它不需要编译，可直接在浏览器上运行。
+2. 由ECMAScript （基础语法）和 Web APIs （DOM、BOM）组成。
+
+#### 二、书写位置
+
+1. 内部方式：
+
+ 通过 script 标签包裹 JavaScript 代码。
+
+2. 外部方式：
+
+ 一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过src属性引入。
+
+3. 外内方式：
+
+ 在HTML文档中可以在标签中使用JavaScript脚本作为它们的属性值。
+
+#### 三、注释和结束符
+
+- 单行注释：
+
+ 使用 // 注释单行代码。
+
+- 多行注释：
+
+ 使用 /* */ 注释多行代码。
+
+- 结束符：
+
+ ';' 代表一段代码的结束，多数情况下可以省略 ';' 可以使用回车替代。
+
+#### 四、文档输出内容与输入语法
+
+1. 向 body内输出内容：
+
+ document.write("输出的内容");
+
+2. 网页弹出警示框：
+
+ alert("网页弹窗");
+
+3. 向控制台输出内容，常用于调试：
+
+ console.log("控制台输出内容");
+
+4. 显示对话框，对话框内包含一段文字信息，用来提示用户输入内容：
+
+ prompt("请输入一段内容");
+
+#### 五、变量的基本使用
+
+1. 声明变量
+
+ let 变量名;
+ let 变量名 = 值,
+ 变量名 = 值;
+
+2. 变量赋值
+ let num = 20;
+
+3. 更新变量
+
+ num = ' 20 ';
+
+#### 六、变量的命名规则与规范
+- 规则
+ 1. JavaScript 内部已占用于单词（关键字或保留字）不允许使用
+ 2. 只能由下划线 `_` 、字母、数字、 `$` 组成，且不可以以数字开头
+ 3. 字母严格**区分大小写**,如 Age 和 age 是不同的变量
+
+
+- 规范
+ 1. 尽量保证变量具有一定的语义，见字知义
+
+ 2. 遵守小驼峰命名法：即第一个单词首字母小写，后面每个单词首字母大写
+
+
+#### 七、常量
+
+ 使用 const 声明的变量称为“常量”。
+
+#### 八、数据类型
+
+- 数值类型 number
+
+ 整数、小数、正数、负数。
+
+- 字符串类型 string
+
+ 通过单引号（''） 、双引号（""）或反引号`包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号。
+
+- 布尔类型 boolean
+
+ 它有两个固定的值 true 和 false，表示肯定的数据用 true，表示否定的数据用 false。
+
+- 未定义类型 undefined
+
+ 未定义是比较特殊的类型，只有一个值 undefined，只声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为 undefined。
+
+#### 九、类型转换
+
+- 隐式转换
+
+ 系统内部自动将数据类型进行转换。
+
+- 显式转换
+
+ 通过 Number显示转换成数值类型，当转换失败时结果为 NaN（Not a Number）即不是一个数字。
+
diff --git "a/20241024 \345\210\235\350\257\206JS/WJY/com/CSS/ys.css" "b/20241024 \345\210\235\350\257\206JS/WJY/com/CSS/ys.css"
new file mode 100644
index 0000000000000000000000000000000000000000..e97439be9feae89fbc170b433a7c9b4e4e6766b2
--- /dev/null
+++ "b/20241024 \345\210\235\350\257\206JS/WJY/com/CSS/ys.css"
@@ -0,0 +1,20 @@
+table{
+ width: 500px;
+ height: 15px;
+ border: 1px rgb(44, 184, 130) solid;
+ border-collapse: collapse;
+ margin: auto;
+ text-align: center;
+}
+
+tr,th,td{
+ width: 500px;
+ height: 15px;
+ border-collapse: collapse;
+ border: 1px rgb(44, 184, 130) solid;
+ text-align: center;
+}
+
+h1{
+ text-align: center;
+}
\ No newline at end of file
diff --git "a/20241024 \345\210\235\350\257\206JS/WJY/com/JS/xw.js" "b/20241024 \345\210\235\350\257\206JS/WJY/com/JS/xw.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1bca604363c1315a24b80f6ee8b4568792d24ff1
--- /dev/null
+++ "b/20241024 \345\210\235\350\257\206JS/WJY/com/JS/xw.js"
@@ -0,0 +1,22 @@
+let gName = prompt('请输入你想要买的商品名称：');
+let gPrice = +prompt('请输入单价：');
+let gNumber = +prompt('请输入商品数量：');
+let address = prompt('请输入收货地址：');
+document.write(
+`
+
+ | 商品名称 |
+ 单价 |
+ 数量 |
+ 总价 |
+ 地址 |
+
+
+ | ${gName} |
+ ${gPrice}元 |
+ ${gNumber} |
+ ${gPrice * gNumber}元 |
+ ${address} |
+
+
`
+)
\ No newline at end of file
diff --git "a/20241024 \345\210\235\350\257\206JS/WJY/com/wy.html" "b/20241024 \345\210\235\350\257\206JS/WJY/com/wy.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d32a5ab75643020d47eab41a69b488283a286771
--- /dev/null
+++ "b/20241024 \345\210\235\350\257\206JS/WJY/com/wy.html"
@@ -0,0 +1,13 @@
+
+
+
+
+
+ Document
+
+
+
+ 订单详情
+
+
+
\ No newline at end of file