aaaa

2021-06-03 10:52:41 +08:00
parent c5f18c6051
commit 907511778b
54 changed files with 3540 additions and 50 deletions
--- a/zuoye/js/a.html
+++ b/zuoye/js/a.html
@@ -1,16 +1,86 @@
-<!DOCTYPE html>
-<html lang="en">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
 <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>
+    <meta charset="utf-8"/>
+<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
+<title>性格测试</title>
+<style type="text/css">
+    #no1ul{
+        list-style:none;
+        margin:0px;
+        padding:0px;
+    }
+    .close{
+        display:none;
+    }
+    .show{
+        color:#990000;
+    }
+</style>
+<script type="text/javascript">
+    function showTestResult(){
+        var radioNodes = document.getElementsByName("answer");
+        var resultNodes = document.getElementsByName("result");
+        //健壮性判断
+        var flag = false;
+        for(var x=0;x<radioNodes.length;x++){
+            if(radioNodes[x].checked){
+                flag = true;
+                showOne(resultNodes[x]);
+                break;
+            }
+        }
+        if(!flag){
+            showOne(resultNodes[4]);
+        }
+    }
+    //我们希望只显示一个测试结果
+    function showOne(node){
+        var resultNodes = document.getElementsByName("result");
+        for(var x=0;x<resultNodes.length;x++){
+            //先全部close
+            resultNodes[x].className = "close";
+        }
+        //再显示这个节点
+        node.className = "show";
+    }
+</script>
 </head>
 <body>
-    <script>
-        var time=1
-var newtime=time++
-console.log(time,newtime)
-    </script>
+    <h2>性格测试</h2>
+    <div>
+        <h3>问题</h3>
+        <span>每天下班回家一进门，你会怎样脱掉鞋子?</span>
+        <ul id="no1ul">
+        　    <li><input type="radio" name="answer" value="1"/>A、很随意的脱下鞋子，不在乎如何摆放。</li>
+            <li><input type="radio" name="answer" value="2"/>B、脱下鞋后，把鞋尖朝向门外的方向整齐排好。</li>
+            <li><input type="radio" name="answer" value="3"/>C、脱下鞋后，把鞋尖朝屋内的方向整齐排好。</li>
+            <li><input type="radio" name="answer" value="4"/>D、不自己脱鞋，而是由同住在一起的人帮你脱下鞋子。</li>
+        </ul>
+    </div>
+    <div>
+        <input type="button" value="查看测试结果" onclick="showTestResult()"/>
+        <hr/>
+        <div id="a" name="result" class="close">
+        A：这样的人，比较喜欢自由，认为生活舒适即可，不在意细节，完全不考虑社会体制和规则的类型，以追求自我欲望为中心。
+        较冲动，喜欢自由奔放的生活方式。比较自我的人，这种人是为了追求欲望而行动的类型，仍然持续幼儿时期的性格。
+        如果往好的方向发展，当然很好；但是，如果往坏的方向发展，结果会很令人惊叹。
+        </div>
+        <div id="b" name="result" class="close">
+        B：这样的人很能吃苦，用自己的辛勤来享受生活。凡事都要准备得万全，是追求完美的人。容易在社会上树敌很多，对于同事也毫不放松。
+        他们会压抑感情，喜怒不形于色，遵守社会规范而行动。但是，这种人的心里面防卫防备很严，即使认为是为了社会公益而做的事情，也会引起很多的误解。
+        你的道德心和伦理感相当强烈，建议最好不要给自己过多的负担以免吃不消。
+        </div>
+        <div id="c" name="result" class="close">
+        C：这样的人有自己的思考方式，有自己的做事风格，会适当地考虑方式方法，是办事周到的人。这样的人骄傲，但是又适度，所以会给人以成熟自信的感觉。
+        </div>
+        <div id="d" name="result" class="close">
+        D：这样脱鞋方式的人，不用多说，一定是比较任性的人，与其说是任性，倒不如说是被完全惯坏了，因为周围的人都宠她，她要做的事情，都会由别人帮她做的很好，
+        不是说她自己没由能力，是因为她的依赖性很强，所以这样的人必须注意与周围环境的协调，否则终有一天吃大亏。
+        </div>
+        <div id="e" name="result" class="close">
+        E：你很皮！
+        </div>
+    </div>
 </body>
 </html>