diff --git a/java-script-task-test b/java-script-task-test
new file mode 160000
index 0000000000000000000000000000000000000000..90c00aecb8d35e665a4d5b56e5bbda11da2d89ac
--- /dev/null
+++ b/java-script-task-test
@@ -0,0 +1 @@
+Subproject commit 90c00aecb8d35e665a4d5b56e5bbda11da2d89ac
diff --git a/zy1.html b/zy1.html
new file mode 100644
index 0000000000000000000000000000000000000000..ed3d8b6678c386e1f5426ffbc0a5116769054729
--- /dev/null
+++ b/zy1.html
@@ -0,0 +1,15 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+    </head>
+    <body>
+        <p>创建JavaScript对象。</div></p>
+        <p id="demo"></p>
+        <script>
+            var person = {
+                firstName:"John",lastName:"Doe",age:50,eyeColor:"blue"
+            };
+            document.getelementbyId("demo").innerHTML=person.firstName+"现在"+person.age+"岁.";
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/zy10.html b/zy10.html
new file mode 100644
index 0000000000000000000000000000000000000000..02162eab8d9ffeea29c4f31cde9642cb51f42521
--- /dev/null
+++ b/zy10.html
@@ -0,0 +1,30 @@
+<!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>
+    <P>点击下面的按钮来显示今天是周几：</P>
+    <button onclick="myFunction()">点击这里</button>
+    <p id="demo"></p>
+    <script>
+        function myFunction(){
+            var x;
+            var d=new Date().getDay();
+            switch(d){
+                case 0:x="今天是星期日";    break;
+                case 1:x="今天是星期一";    break;
+                case 2:x="今天是星期二";    break;
+                case 3:x="今天是星期三";    break;
+                case 4:x="今天是星期四";    break;
+                case 5:x="今天是星期五";    break;
+                case 6:x="今天是星期六";    break;
+            }
+            document.getElementById("demo").innerHTML=x;
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/zy11.html b/zy11.html
new file mode 100644
index 0000000000000000000000000000000000000000..d3573962871cd377ea96e308cfa6d727b1a318e0
--- /dev/null
+++ b/zy11.html
@@ -0,0 +1,17 @@
+<!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>
+        cars=["BMW","Volvo","Saab","Ford"];
+        for(var i=0;i<cars.length;i++){
+            document.write(cars[i]+"<br>");
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/zy12.html b/zy12.html
new file mode 100644
index 0000000000000000000000000000000000000000..782d88149d01949685da25ea9b3e25e29364a77f
--- /dev/null
+++ b/zy12.html
@@ -0,0 +1,24 @@
+<!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>
+    <p>点击下面的按钮，只要i小于5就一直循环代码块。</p>
+    <button onclick="myFunction()">点击这里</button>
+    <p id="demo"></p>
+    <script>
+        function myFunction(){
+            var x="",i=0;
+            while(i<5){
+                x=x+"该数字为"+i+"<br>";
+                i++;
+            }
+            document.getElementById("demo").innerHTML=x;
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/zy2.html b/zy2.html
new file mode 100644
index 0000000000000000000000000000000000000000..211ac59f009af0687969b420bbfc67b608a7220b
--- /dev/null
+++ b/zy2.html
@@ -0,0 +1,22 @@
+<!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>
+    <p>创建JavaScript对象。</p>
+    <p id="demo"></p>
+    <script>
+        var person = {
+            firstName:"John",
+            lastName:"Doe",
+            age     :50,
+            eyeColor:"blue"
+        };
+        document.getElementById("demo").innerHTML=person.firstName+"现在"+person.age+"岁.";
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/zy3.html b/zy3.html
new file mode 100644
index 0000000000000000000000000000000000000000..b5a130d182f196fb153528f3c5971cd92d79cf2e
--- /dev/null
+++ b/zy3.html
@@ -0,0 +1,18 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+    </head>
+    <body>
+        <p>创建JavaScript对象。</div></p>
+        <p id="demo"></p>
+        <script>
+            var person = {
+                firstName:"John",
+                lastName:"Doe",
+                age:     50,
+                eyeColor:"blue"
+            };
+            document.getelementbyId("demo").innerHTML=person.firstName+"现在"+person.age+"岁.";
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/zy4.html b/zy4.html
new file mode 100644
index 0000000000000000000000000000000000000000..eadebbb0c03076248428d7e65f84088b8791e45d
--- /dev/null
+++ b/zy4.html
@@ -0,0 +1,26 @@
+<!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>
+    <p>创建和使用对象方法。</p>
+    <p>对象方法作为一个函数定义存储在对象属性中。</p>
+    <p id="demo"></p>
+    <script>
+        var person = {
+            firstName:"John",
+            lastName:"Doe",
+            id:5566,
+            fullName:function()
+            {
+                return this.firstName+" "+this.lastName;
+            }
+            }
+        document.getElementById("demo").innerHTML=person.fullName();
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/zy5.html b/zy5.html
new file mode 100644
index 0000000000000000000000000000000000000000..b24fdd94ed2344f37ed8e599f074baa1ae5119fc
--- /dev/null
+++ b/zy5.html
@@ -0,0 +1,27 @@
+<!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>
+    <p>创建和使用对象方法</p>
+    <p>对象方法是一个函数定义，并作为一个属性值存储。</p>
+    <p id="demo1"></p>
+    <p id="demo2"></p>
+    <script>
+        var person = {
+            firstName:"John",
+            lastName:"Doe",
+            id:5566,
+            fullName:function(){
+                return this.firstName+" "+this.lastName;
+            }
+        };
+        document.getElementById("demo1").innerHTML="不加括号输出函数表达式："+person.fullName;
+        document.getElementById("demo2").innerHTML="加括号输出函数执行结果："+person.fullName();
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/zy6.html b/zy6.html
new file mode 100644
index 0000000000000000000000000000000000000000..5e15c915bd7de48ecc671f225397c66a2a73cbf5
--- /dev/null
+++ b/zy6.html
@@ -0,0 +1,17 @@
+<!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>
+        function myfunction(){
+            alert("你好，我是一个警告框！");
+        }
+    </script>
+</head>
+<body>
+    <input type="button" onclick="myfunction()" value="显示警告框"/>
+</body>
+</html>
\ No newline at end of file
diff --git a/zy7.html b/zy7.html
new file mode 100644
index 0000000000000000000000000000000000000000..bc8fdf5f17deb1a57a31375d2e91d97b3cfc0d3c
--- /dev/null
+++ b/zy7.html
@@ -0,0 +1,27 @@
+<!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>
+    <p>点击按钮，显示确认框。</p>
+    <button onclick="myFunction()">点我</button>
+    <p id="demo"></p>
+    <script>
+        function myFunction(){
+            var x;
+            var r=confirm("按下按钮！");
+            if(r==true){
+                x="你按下了\"确定\"按钮！";
+            }
+            else{
+                x="你按下了\"取消\"按钮！";
+            }
+            document.getElementById("demo").innerHTML=x;
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/zy8.html b/zy8.html
new file mode 100644
index 0000000000000000000000000000000000000000..7730a004e5f0e2f1c808df45f01ecec585a9d817
--- /dev/null
+++ b/zy8.html
@@ -0,0 +1,24 @@
+<!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>
+    <p>点击按钮查看输入的对话框。</p>
+    <button onclick="myFunction()">点我！</button>
+    <p id="demo"></p>
+    <script>
+        function myFunction(){
+            var x;
+            var person=prompt("请输入你的名字","Happy Potter");
+            if(person!=null&&person!=""){
+                x="你好"+person+"!今天感觉如何？";
+                document.getElementById("demo").innerHTML=x;
+            }
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/zy9.html b/zy9.html
new file mode 100644
index 0000000000000000000000000000000000000000..13789798b0c59912e1d10d2df370e5b0aadc806f
--- /dev/null
+++ b/zy9.html
@@ -0,0 +1,27 @@
+<!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>
+    <p>点击这个按钮，获得基于时间的问候。</p>
+    <button onclick="myFunction()">点击这里</button>
+    <p id="demo"></p>
+    <script>
+        function myFunction(){
+            var x="";
+            var time=new Date().getHours;
+            if(time<20){
+                x="Good Boy";
+            }
+            else{
+                x="Good evening";
+            }
+            document.getElementById("demo").innerHTML=x;
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
