diff --git a/JSBasicTraining.md b/JSBasicTraining.md
index 48c40cb162bb3c77781e1cb2133c7f53f31dab4e..d305a74951e44fb36d1fc81fb339f4517781a199 100644
--- a/JSBasicTraining.md
+++ b/JSBasicTraining.md
@@ -1,7 +1,7 @@
-JavaScript语法基础练习
+JavaScript基础练习
 ===
 
-题目
+题目组1：基础语法
 ---
 
 1. 创建一个函数用以找到两个数字中较大的数。例如：给函数传递参数4、5，返回5。
@@ -22,4 +22,17 @@ JavaScript语法基础练习
 
 9. 创建一个函数用以计算出给定区间内的偶数的数量。例如：给函数传递参数1、10，返回5。
 
-10. 创建一个函数用以将给定的三个数字按从小到大的顺序输出。例如：给函数传递6、4、5，函数运行时会输出4 5 6。
\ No newline at end of file
+10. 创建一个函数用以将给定的三个数字按从小到大的顺序输出。例如：给函数传递6、4、5，函数运行时会输出4 5 6。
+
+题目组2：事件监听
+---
+
+1. 在HTML文档中创建一个div，通过JS设置其宽和高为300像素，并设置其背景颜色为橙色。
+
+2. 在第1题的基础上，利用JS让div监听事件，当鼠标放在该元素上时，其边框为黑色虚线。
+
+3. 在第1题的基础上，添加一个输入框表单和一个按钮，用JS实现当鼠标放在输入框上时，输入框边框变为蓝色。
+
+4. 在第3题的基础上，利用JS实现当鼠标点击按钮时，会将输入框里面的内容获取并弹框显示出来，若输入框为空则显示“请在输入框内输入内容”。
+
+5. 在第3题的基础上，添加一个按钮和一个图片，利用JS实现当图片显示时，按钮上的文字是“隐藏”，点击该按钮，图片消失，按钮文字变为“显示”，再点击按钮，图片出现，按钮文字变为“隐藏”。
diff --git "a/\351\242\230\347\233\256\347\273\2041\357\274\232\345\237\272\347\241\200\350\257\255\346\263\225/.keep" "b/\351\242\230\347\233\256\347\273\2041\357\274\232\345\237\272\347\241\200\350\257\255\346\263\225/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\351\242\230\347\233\256\347\273\2041\357\274\232\345\237\272\347\241\200\350\257\255\346\263\225/test1.js" "b/\351\242\230\347\233\256\347\273\2041\357\274\232\345\237\272\347\241\200\350\257\255\346\263\225/test1.js"
new file mode 100644
index 0000000000000000000000000000000000000000..6ab0d7a622a9d215122871137959ed6566a72922
--- /dev/null
+++ "b/\351\242\230\347\233\256\347\273\2041\357\274\232\345\237\272\347\241\200\350\257\255\346\263\225/test1.js"
@@ -0,0 +1,123 @@
+// 1创建一个函数用以找到两个数字中较大的数。例如：给函数传递参数4、5，返回5。
+function MaxNum(x1,x2){
+    if(x1>=x2) return x1;
+    else return x2;
+}
+// let maxnum = MaxNum(4,5)
+// alert(maxnum)
+
+// 2创建一个函数用以判断一个数字是否是质数。例如：给函数传递参数5，返回true；给定函数4，返回false
+function IsZhiShu(num){
+    if(num < 2) return false;
+    let IsZS = true;
+    for(let i=2;i<num;i++){
+        if(num%i==0){
+            IsZS = false;
+            break;
+        }
+    }
+    return IsZS;
+}
+// let iszs = IsZhiShu(4);
+// alert(iszs);
+
+// 3创建一个函数，运用第2题的函数找到给定区间内的质数。例如：给函数传递参数1、1000，函数将返回1-1000之间的所有质数。
+function FindZS(start,end){
+    let arr = new Array();
+    let x = 0;
+    for(let i=start;i<=end;i++){
+        if(IsZhiShu(i)){
+            arr[x]=i;
+            x++;
+        }       
+    }
+    return arr;
+}
+// let arrF = FindZS(2,1000);
+// for(let i=0;i<arrF.length;i++){
+//     console.log(arrF[i]);
+// }
+
+// 4创建一个函数，用以找到三个数中最大的数并返回。例如：给函数传递参数6、4、5，返回6
+function MaxNum(x1,x2,x3){
+    if(x1>x2){
+        if(x1>x3){
+            return x1
+        }else{
+            return x3
+        }
+    }
+    else if(x2>x3){
+        return x2
+    }
+    else{
+        return x3
+    }
+}
+// alert(MaxNum(9,10,13))
+
+// 5创建一个函数用以判断一个数字是否是水仙花数。例如：给函数传递参数153，返回true
+function IsShui(num){
+    var length=num.toString().length;
+    var content=num.toString().split("");
+    var result=0;
+    for(var i=0;i<content.length;i++){
+       result+=Math.pow(content[i],length)
+    }
+    if(result==num) return true
+    else return false
+}
+// IsShui(153)
+// console.log(IsShui(153))
+
+// 6创建一个函数，运用第5题的函数找到给定区间内的所有水仙花数。
+function FindShui(x1,x2){
+    var arr = new Array();
+    var x = 0;
+    for(var i=x1;i<=x2;i++){
+        if(IsShui(i)){
+            arr[x]=i;
+            x++;
+        }
+    }
+    return arr;
+}
+// let arrF = FindShui(100,1000);
+// for(let i=0;i<arrF.length;i++){
+//     console.log(arrF[i]);
+// }
+
+// 7创建一个函数，能将给定的字符串反转后返回。例如：给函数传递参数'abc'，返回'cba'。
+function StrFan(str){
+    var i=str.length; 
+    i=i-1; 
+    var str1 = ""
+    for (var x = i; x >=0; x--) { 
+        str1 += str.charAt(x); 
+    }
+    return str1;
+}
+// alert(StrFan("abc"))
+
+// 8创建一个函数用以判断给定的数字是否是偶数。例如：给函数传递参数12，返回true。
+function IsOuShu(num){
+    if(num%2==0) return num;
+}
+// alert(IsOuShu(12))
+
+// 9创建一个函数用以计算出给定区间内的偶数的数量。例如：给函数传递参数1、10，返回5。
+function CountOuShu(x1,x2){
+    var count = 0;
+    for(var i=x1;i<=x2;i++){
+        if(IsOuShu(i)) count++;
+    }
+    return count;
+}
+// alert(CountOuShu(1,100));
+
+// 10创建一个函数用以将给定的三个数字按从小到大的顺序输出。例如：给函数传递6、4、5，函数运行时会输出4 5 6
+function PaiXu(num1,num2,num3){
+    var arr = [num1,num2,num3].sort()
+    console.log(arr[0] + '<' + arr[1] + '<' + arr[2]);
+}
+// PaiXu(3,5,2)
\ No newline at end of file
diff --git "a/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/.keep" "b/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/qj.jpg" "b/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/qj.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..5f30c8b3409efa5bc7dbb2de8fd1d92ac78e6a4b
Binary files /dev/null and "b/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/qj.jpg" differ
diff --git "a/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/test2.js" "b/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/test2.js"
new file mode 100644
index 0000000000000000000000000000000000000000..658ca8d504b87f88681c3e58278c849468526132
--- /dev/null
+++ "b/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/test2.js"
@@ -0,0 +1,46 @@
+// 1.在HTML文档中创建一个div，通过JS设置其宽和高为300像素，并设置其背景颜色为橙色。
+var demo = document.getElementById('demo');
+demo.style.width="300px";
+demo.style.height="300px";
+demo.style.border="solid orange";
+
+// 2.在第1题的基础上，利用JS让div监听事件，当鼠标放在该元素上时，其边框为黑色虚线。
+demo.onmouseover = function(){
+	demo.style.border="dashed black";
+}
+demo.onmouseout = function(){
+	demo.style.border="solid orange";
+}
+
+// 3.在第1题的基础上，添加一个输入框表单和一个按钮，用JS实现当鼠标放在输入框上时，输入框边框变为蓝色。
+var input = document.getElementById("input");
+input.onmouseover = function(){
+    input.style.border="solid 1px blue";
+}
+input.onmouseout = function(){
+    input.style.border="solid 1px black";
+}
+
+// 4.在第3题的基础上，利用JS实现当鼠标点击按钮时，会将输入框里面的内容获取并弹框显示出来，若输入框为空则显示“请在输入框内输入内容”。
+function submit() {
+    var inputValue = input.value
+    if(inputValue == "") alert("请在输入框内输入内容");
+    else alert(inputValue);
+}
+
+// 5.在第3题的基础上，添加一个按钮和一个图片，利用JS实现当图片显示时，按钮上的文字是“隐藏”，点击该按钮，图片消失，按钮文字变为“显示”，再点击按钮，图片出现，按钮文字变为“隐藏”。
+var img = document.getElementById("img");
+var btn = document.getElementById("btn");
+btn.onclick = function(){
+    if(btn.innerHTML == "显示"){
+        btn.innerHTML = "隐藏";
+        img.style.visibility = "";
+    }else{
+        btn.innerHTML = "显示";
+        img.style.visibility = "hidden";
+    }
+}
+
+
+
+
diff --git "a/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/text2.html" "b/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/text2.html"
new file mode 100644
index 0000000000000000000000000000000000000000..85aad3e769628d208bd067a6583871261336a43d
--- /dev/null
+++ "b/\351\242\230\347\233\256\347\273\2042\357\274\232\344\272\213\344\273\266\347\233\221\345\220\254/text2.html"
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    
+</head>
+<body>
+    <div id="demo">
+            <input style="margin-top:10px;margin-left:5px;" id="input" type="text"/>
+            <button onclick="submit()">提交</button>
+            <img id="img" style="margin-top:5px;margin-left:5px;" src="qj.jpg" width="200"/>
+            <button id="btn">隐藏</button>
+        </div>
+    <script src="test2.js"></script>
+</body>
+</html>
\ No newline at end of file