From 8384e386ef78596d3b6b62183210f0404fe77bcd Mon Sep 17 00:00:00 2001
From: ZiYi <1756318241@qq.com>
Date: Fri, 3 Sep 2021 17:13:51 +0800
Subject: [PATCH] add function check and showAnswer

---
 static/js/index.js   | 48 +++++++++++++++++++++++++++++++-------------
 templates/index.html |  6 ++++--
 2 files changed, 38 insertions(+), 16 deletions(-)

diff --git a/static/js/index.js b/static/js/index.js
index 52d0073..6e93f17 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -1,20 +1,14 @@
 
 $(document).ready(function () {
+    var results = Array();
     $("#demo").click(function (e) {
         e.preventDefault();
         //alert("hello world");
         begin();
+        console.log(results);
     });
     function begin() {
-        /*var xhr = new XMLHttpRequest();
-        xhr.open('get', '/begin?begin=1');
-        xhr.onload = function () {
-            var response = xhr.responseText;
-            console.log(response);
-            var json_data = eval('(' + response + ')');
-            console.log(json_data);
-        }
-        xhr.send(null);*/
+        let tmp;
         $.ajax({
             type: "get",
             url: "/begin",
@@ -22,23 +16,49 @@ $(document).ready(function () {
             success: function (res) {
                 switch (res.option) {
                     case "+":
-                        $("#ul").append("<li>" + res.number_1 + " + " + res.number_2 + " = " + (res.number_1 + res.number_2) + "</li>");
+                        tmp = res.number_1 + res.number_2;
+                        $("#ul").append("<li>" + res.number_1 + " + " + res.number_2 + " = " + "<input class='result'>" + "</li><span class='notice'></span>");
                         break;
                     case "-":
-                        $("#ul").append("<li>" + res.number_1 + " - " + res.number_2 + " = " + (res.number_1 - res.number_2) + "</li>");
+                        tmp = res.number_1 - res.number_2;
+                        $("#ul").append("<li>" + res.number_1 + " - " + res.number_2 + " = " + "<input class='result'>" + "</li><span class='notice'></span>");
                         break;
                     case "/":
-                        $("#ul").append("<li>" + res.number_1 + " / " + res.number_2 + " = " + (res.number_1 / res.number_2) + "</li>");
+                        tmp = res.number_1 / res.number_2;
+                        $("#ul").append("<li>" + res.number_1 + " / " + res.number_2 + " = " + "<input class='result'>" + "</li><span class='notice'></span>");
                         break;
                     case "*":
-                        $("#ul").append("<li>" + res.number_1 + " * " + res.number_2 + " = " + (res.number_1 * res.number_2) + "</li>");
+                        tmp = res.number_1 * res.number_2;
+                        $("#ul").append("<li>" + res.number_1 + " * " + res.number_2 + " = " + "<input class='result'>" + "</li><span class='notice'></span>");
                         break;
 
                     default:
                         break;
                 }
-                alert(response.number_1 + response.option + response.number_2);
+                results.push(tmp);
             }
         });
     }
+    $("#check").click(function (e) {
+        e.preventDefault();
+        console.log("get");
+
+        var inputs = $("input[class='result']");
+        var notices = $("span[class='notice']");
+        for (let i = 0; i < results.length; i++) {
+            if (inputs.eq(i).val() == results[i]) {
+                notices.eq(i).text("right");
+            } else {
+                notices.eq(i).text("wrong");
+            }
+        }
+    });
+    $("#show").click(function (e) {
+        console.log("click");
+        e.preventDefault();
+        var inputs = $("input[class='result']");
+        for (let i = 0; i < results.length; i++) {
+            inputs.eq(i).val(results[i]);
+        }
+    });
 });
diff --git a/templates/index.html b/templates/index.html
index b705214..01bd07a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,13 +5,15 @@
     <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>
+    <title>四则运算生成器</title>
     <script src="/static/js/jquery-3.6.0.min.js"></script>
     <script src="/static/js/index.js"></script>
 </head>
 
 <body>
-    <button id="demo">demo</button>
+    <button id="demo">生成题目</button>
+    <button id="check">检查答案</button>
+    <button id="show">查看答案</button>
     <div class="display">
         <ul id="ul">
         </ul>