diff --git "a/40\345\221\250\351\243\230/\347\254\224\350\256\260/2022.12.01-20\347\272\247JavaScript\350\200\203\350\257\225\351\242\230.md" "b/40\345\221\250\351\243\230/\347\254\224\350\256\260/2022.12.01-20\347\272\247JavaScript\350\200\203\350\257\225\351\242\230.md"
new file mode 100644
index 0000000000000000000000000000000000000000..ccdd6610c487892e3e9df6b1ea6a3e82bbeae36d
--- /dev/null
+++ "b/40\345\221\250\351\243\230/\347\254\224\350\256\260/2022.12.01-20\347\272\247JavaScript\350\200\203\350\257\225\351\242\230.md"
@@ -0,0 +1,308 @@
+```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>
+
+    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.10.2.min.js"></script>
+</head>
+
+<body>
+    <div>
+        <input type="checkbox" name="aa" value="0" />0
+        <input type="checkbox" name=" aa " value="1" />1
+        <input type="checkbox" name=" aa " value="2" />2
+        <input type="checkbox" name=" aa " value="3" />3
+        <input type="button" onclick="abc()" value="提 交" />
+        <div id="allselect"></div>
+    </div>
+    <div>
+        <form name="a">
+            <select name="a" size="1" onchange="_sel(this)">
+                <option value="a">1</option>
+                <option value="b">2</option>
+                <option value="c">3</option>
+                </select>
+        </form>
+    </div>
+    <div>
+        用户名：<input type="text" id="username" /><br/> 密 码：<input type="password" id="password" /><br/> 确认密码：
+        <input type="password" id="password1" /><br/>
+        <button id="btnSubmit" type="button">提交</button><br/>
+    </div>
+
+    <script type="text/javascript">
+        // 题目如下，请直接利用写好的方法，并且直接写在题目下方，要可以运行和输出，如第1题所示
+
+        /*
+        1、题目描述：
+        找出元素 item 在给定数组 arr 中的位置
+        输出描述:
+        如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1
+        示例1  indexOf
+        输入
+        [ 1, 2, 3, 4,3 ], 3
+        输出
+        2
+        
+        function indexOf(arr, item) {
+        
+        }
+        */
+        //     console.log(`======= 第1题 =======`);
+        const arr = [1, 2, 3, 4, 3];
+        var item = 2;
+
+        function indexOf(arr, item) {
+            console.log(arr.indexOf(item));
+        }
+        indexOf(arr, item);
+
+        /*
+        2、题目描述：
+        计算给定数组 arr 中所有元素的总和 reduce() every()(some()) map() filter() forEach()
+        输入描述:
+        数组中的元素均为 Number 类型
+        示例1
+        输入
+        
+        [ 1, 2, 3, 4 ]
+        输出
+        
+        10
+        
+        function sum(arr) {
+        
+        }
+        */
+        // console.log(`======= 第2题 =======`);
+        //map方法
+        const arr = [1, 2, 3, 4];
+
+        function sum(arr) {
+            var s = 0;
+            arr.map(function(item) {
+                s += item;
+            })
+            return s;
+        }
+        console.log(sum(arr));
+
+        //   // reduce方法 
+        //   function sun(arr) {
+        //     console.log(arr.reduce((x,y)=>x+y));
+        //    }
+        //    sun(arr);
+
+
+        /*
+        3、题目描述
+        在数组 arr 末尾添加元素 item。不要直接修改数组 arr，结果返回新的数组
+        示例1
+        输入
+        
+        [1, 2, 3, 4],  10
+        输出
+        
+        [1, 2, 3, 4, 10]
+        
+        function append(arr, item) {
+            
+        }
+        */
+        // console.log(`======= 第3题 =======`);
+        const arr = [1, 2, 3, 4];
+        var item = 10;
+
+        function append(arr, item) {
+            var newarr = arr.splice(0);
+            newarr.push(item);
+            return newarr;
+        }
+        console.log(append(arr, item));
+
+        /*
+        4、题目描述
+        合并数组 arr1 和数组 arr2。不要直接修改数组 arr，结果返回新的数组
+        示例1
+        输入
+        
+        [1, 2, 3, 4], ['a', 'b', 'c', 1]
+        输出
+        
+        [1, 2, 3, 4, 'a', 'b', 'c', 1]
+        
+        function concat(arr1, arr2) {
+        
+        }
+        */
+        // console.log(`======= 第4题 =======`);
+        const arr1 = [1, 2, 3, 4];
+        const arr2 = ['a', 'b', 'c', 1];
+
+        function concat(arr1, arr2) {
+            return arr1.concat(arr2);
+        }
+        console.log(concat(arr1, arr2));
+
+        /*
+        5、题目描述
+        为数组 arr 中的每个元素求二次方。不要直接修改数组 arr，结果返回新的数组
+        示例1
+        输入
+        
+        [1, 2, 3, 4]
+        输出
+        
+        [1, 4, 9, 16]
+        
+        function square(arr) {
+        
+        }
+        */
+        // console.log(`======= 第5题 =======`);
+        const arr = [1, 2, 3, 4];
+
+        function square(arr) {
+            const newarr = arr.map(function(item) {
+                return item * item;
+            })
+            return newarr;
+        }
+        console.log(square(arr));
+
+
+        /*
+        6、题目描述
+        定义一个计算圆面积的函数area_of_circle()，它有两个参数：
+        
+        r: 表示圆的半径；
+        pi: 表示π的值，如果不传，则默认3.14
+        
+        function area_of_circle(r, pi) {
+        
+        }
+        */
+        // console.log(`======= 第6题 =======`);
+
+        function Fun(r, pi = 3.14) {
+            console.log(pi);
+        }
+        Fun(5);
+
+        /*
+        7、题目描述
+        用jQuery编程实现获取选中复选框值的函数abc
+        HTML结构如下：
+        */
+        // <div>
+        //     <input type="checkbox" name="aa" value="0" />0
+        //     <input type="checkbox" name=" aa " value="1" />1
+        //     <input type="checkbox" name=" aa " value="2" />2
+        //     <input type="checkbox" name=" aa " value="3" />3
+        //     <input type="button" onclick="abc()" value="提 交" />
+        //     <div id="allselect"></div>
+        // </div>
+
+        // console.log(`======= 第7题 =======`);
+
+        function abc() {
+            $('#allselect').append($(':checked').val())
+        }
+
+
+
+        /*
+        8、题目描述
+        实现sel函数显示当前选项的文本和值
+        <div>
+            <form name="a">
+                <select name="a" size="1" onchange="_sel(this)">
+                <option value="a">1</option>
+                <option value="b">2</option>
+                <option value="c">3</option>
+                </select>
+            </form>
+        </div>
+        
+        function getOptionVal(){
+        
+        }
+        */
+        // console.log(`======= 第8题 =======`);
+
+        function _sel() {
+            $('select').change(
+                function() {
+                    console.log($(':selected').val() + $(':selected').text());
+                }
+            )
+        }
+
+        /*
+        9、题目描述
+        要求用jQuery完成:  点击id为btn的按钮
+        
+        a.判断id为username的输入是否为空，如果为空，则弹出“用户名不能为空”的提示。
+        
+        b.判断id为password的输入字符串个数是否小于6位，如果小于6位，则弹出“你输入的密码长度不可以少于6位”的提示
+        
+        HTML结构如下：
+        <div>
+            用户名：<input type="text" id="username"/><br/>
+            密  码：<input type="password" id="password"/><br/>
+           确认密码：<input type="password" id="password1"/><br/>
+            <button id="btnSubmit" type="button">提交</button><br/>
+        </div>
+        */
+        // console.log(`======= 第9题 =======`);
+        $('#btnSubmit').click(
+            function() {
+                if ($('#username').val() == "") {
+                    alert("用户名不能为空！")
+                }
+                if ($('#password').text().length <= 6) {
+                    alert("你输入的密码长度不可以少于6位")
+                }
+            }
+        )
+
+
+        /*
+        10、题目描述
+        
+        在下面的HTML文档中，编写函数test() ,实现如下功能：
+        
+        （1）当多行文本框中的字符数超过20个，只截取20个字符
+        
+        （2）在id为number的td中显示文本框的字符个数
+        
+        HTML结构如下：
+        <table>
+            <tr>
+                <td>留言</td>
+                <td id="number"> 0 </td>
+            </tr>
+            <tr>
+                <td colspan=2>
+                    <textarea id="feedBack" onkeyup="test()" rows=6></textarea>
+                </td>
+            </tr>
+        </table>
+        
+        
+        function test(){
+            
+        }
+        */
+        // console.log(`======= 第10题 =======`);
+    </script>
+</body>
+
+</html>
+```
+
