diff --git "a/\346\261\237\350\264\244\346\246\225/1js\345\237\272\347\241\200\345\272\224\347\224\250/\344\275\234\344\270\232.md" "b/\346\261\237\350\264\244\346\246\225/1js\345\237\272\347\241\200\345\272\224\347\224\250/\344\275\234\344\270\232.md"
new file mode 100644
index 0000000000000000000000000000000000000000..a7e8d449975bec470942588efc2317fd05388bea
--- /dev/null
+++ "b/\346\261\237\350\264\244\346\246\225/1js\345\237\272\347\241\200\345\272\224\347\224\250/\344\275\234\344\270\232.md"
@@ -0,0 +1,300 @@
+笔记
+
+介绍：
+JavaScript 是一种高级的、解释型的编程语言，主要用于网页开发，实现网页的动态效果和交互功能。它由 Netscape 公司于1995年首次发布，并且很快成为网页开发的标准脚本语言。JavaScript 是一种基于原型的、多范式的动态脚本语言，支持面向对象、命令式和声明式（如函数式编程）风格。
+
+特点：
+客户端脚本语言：JavaScript 主要运行在浏览器端，可以直接与HTML和CSS交互，实现网页的动态效果。
+
+事件驱动：JavaScript 可以响应用户的操作，如点击、滚动、按键等事件，实现交互式功能。
+
+跨平台：JavaScript 可以在任何支持它的浏览器上运行，几乎覆盖了所有主流操作系统和设备。
+
+对象和原型继承：JavaScript 使用对象和原型链来实现继承，而不是传统的类继承。
+
+异步编程：JavaScript 支持异步编程，如使用回调函数、Promise、async/await 等方式处理异步操作。
+
+概念：
+变量：用于存储数据值。
+函数：执行特定任务的代码块。
+对象：包含属性和方法的数据结构。
+事件：响应用户操作的代码。
+DOM（文档对象模型）：表示和交互HTML/XML文档的接口。
+应用场景：
+网页交互：表单验证、动态内容更新、动画效果等。
+
+前端框架：如React、Vue、Angular等，用于构建复杂的单页应用（SPA）。
+
+服务器端编程：Node.js 允许JavaScript在服务器端运行，用于构建网络应用。
+
+移动应用开发：如使用React Native等框架，可以使用JavaScript开发跨平台的移动应用。
+
+二、作业
+基础练习
+02-js书写位置-内部
+<!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>
+  <!-- 内部js  // 页面弹出警示框-->
+  <script>
+    alert('内部JS弹出警示框')
+  </script>
+</body>
+
+</html>
+03-js书写位置-外部
+<!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 src="js/test.js"></script>
+</body>
+
+</html>
+04-js书写位置-行内
+<!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>
+  <!-- 行内方式写js -->
+  <a href="#" onclick="alert('行内方式写js')">行内方式写js</a>
+</body>
+
+</html>
+05-结束符与注释
+
+<!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>
+    document.write('test');
+    document.write('test')
+  </script>
+  <!-- 单行与多行注释 -->
+  <script>
+    // 单行注释
+    /*
+      多
+      行
+      注
+      释 
+    */
+  </script>
+</body>
+
+</html>
+06-输入和输出语法
+<!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>
+    // 1. 文档输出内容,比如输出标题和段落,
+    document.write('<h1>Title</h1>')
+    document.write('<p>段落</p>')
+    // 2. 在控制台打印输出 日志 给 程序员
+    console.log('日志')
+    // 3. 输入语句
+    prompt('哥们输入点东西吧!')
+  </script>
+</body>
+
+</html>
+07-变量的使用与更新
+<!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>
+    // 1. 先声明，再赋值
+    let var1;
+    var1 = 100;
+    // 2  声明的同时直接赋值  完成变量的初始化
+    let var2 = 200;
+    // 3.1 同时声明多个变量，打印多个变量的值  
+    let var3 = 300, var4 = 400;
+    // 3.2 提倡声明的方式，分开
+    let var5 = 500
+    let var6 = 600
+    // 4. 变量值的更新
+    let var7 = 700
+    var7 = 70
+  </script>
+</body>
+
+</html>
+08-输入用户名案例
+<!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>
+    // 输出用户名案例,让用户输入自己的姓名XXX，控制台输出“你好XXX”
+    // 1. 用户输入
+    let input = prompt('请输入姓名')
+    // 2. 内部处理保存数据
+    let name = input
+    // 3. 打印输出
+    console.log(`你好${name}`)
+  </script>
+</body>
+
+</html>
+09-交换2个变量
+<!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>
+    // 交换两个变量的值
+
+    // 假定有,name1 丘丘 name2 胡哥 =》 name1：胡哥 name2：丘丘
+    let name1 = '丘丘';
+    let name2 = '胡哥';
+    console.log(name1, name2);
+
+    // 开始交换
+    let temp = name1
+    name1 = name2
+    name2 = temp
+
+  </script>
+</body>
+
+</html>
+10-变量的命名规范
+<!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 if = 10
+    let num1$_ = 11
+    // let nav-bar = 11
+    // let 1num = 10
+    let $_666 = 666;
+    let _11 = 120;
+    let age = 10;
+    let Age = 20;
+    console.log(age,Age)
+  </script>
+</body>
+
+</html>
+11-输入姓名年龄案例
+<!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>
+    // 1. 请输入姓名
+    let name = prompt('请输入姓名')
+    // 2. 请输入年龄
+    let age = prompt('请输入年龄')
+    // 3. 请输入性别
+    let gender = prompt('请输入性别')
+    // 4. 在网页中输出，刚才输入的三个内容
+    document.write(name,age,gender)
+  </script>
+</body>
+
+</html>
+12-let和var的区别
+<!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>
+    // var 允许重复声明同一变量
+    var var1 = 10
+    var var1 = 20
+    // let 不允许重复声明同一变量
+    let var2 = 10
+    // let var2 = 20
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/1.html" "b/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/1.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a68b3782f872405f4d6b6268e1875655c4bcf9d8
--- /dev/null
+++ "b/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/1.html"
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+<script>
+    let name =prompt('name')
+    let age=prompt('age')
+    let sex =prompt('sex')
+
+
+    console.log('name:'+name)
+    console.log('age:'+age)
+    console.log('sex:'+sex)
+   
+
+
+
+
+</script>
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git "a/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/2.html" "b/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/2.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e880f2f95b56c5323eea605a40851590d0746434
--- /dev/null
+++ "b/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/2.html"
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        let age=prompt('age now')
+        console.log("5 year later your age may be:"+(+age+5))
+    </script>
+    
+</body>
+</html>
\ No newline at end of file
diff --git "a/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/3.html" "b/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/3.html"
new file mode 100644
index 0000000000000000000000000000000000000000..357e27e265a184b1a0d82243db67eb9694b7215a
--- /dev/null
+++ "b/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/3.html"
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+    <script>
+            let a=prompt("银行卡总额")
+            let b=prompt("水费")
+            let c=prompt("电费")
+            let d=prompt("网费")
+
+            let e = a -b-c-d
+
+
+            document.write(`
+                <h1>2024年总支出</h1>
+                <table>
+                    <tr>
+                        <th>银行卡总额</th>
+                        <th>水费</th>
+                        <th>电费</th>
+                        <th>网费</th>
+                        <th>银行卡余额</th>
+                    </tr>
+                    <tr>
+                        <th>${a}</th>
+                        <th>${b}</th>
+                        <th>${c}</th>
+                        <th>${d}</th>
+                        <th>${e}</th>          
+                    </tr>
+                </table>
+    
+            
+            `)
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/\347\256\200\347\255\224\351\242\230.txt" "b/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/\347\256\200\347\255\224\351\242\230.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..5462d3ad1d3b99eefe509827c0fcf227663958bd
--- /dev/null
+++ "b/\346\261\237\350\264\244\346\246\225/2js\345\237\272\347\241\200\344\275\234\344\270\232/\347\256\200\347\255\224\351\242\230.txt"
@@ -0,0 +1,13 @@
+简答题
+1.依次说明下面各打印语句的输出结果？
+
+   const  num = 10
+   console.log( num + 11)  21
+   console.log( num + '11') 1011
+   console.log( num +  +'11') 21
+2.依次说明下面各打印语句的输出结果
+
+const  num = 10
+console.log( typeof num + '11') number
+console.log( typeof (num + '11')) string
+console.log( typeof (num +  +'11')) number
\ No newline at end of file
