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("
  • " + res.number_1 + " + " + res.number_2 + " = " + (res.number_1 + res.number_2) + "
  • "); + tmp = res.number_1 + res.number_2; + $("#ul").append("
  • " + res.number_1 + " + " + res.number_2 + " = " + "" + "
  • "); break; case "-": - $("#ul").append("
  • " + res.number_1 + " - " + res.number_2 + " = " + (res.number_1 - res.number_2) + "
  • "); + tmp = res.number_1 - res.number_2; + $("#ul").append("
  • " + res.number_1 + " - " + res.number_2 + " = " + "" + "
  • "); break; case "/": - $("#ul").append("
  • " + res.number_1 + " / " + res.number_2 + " = " + (res.number_1 / res.number_2) + "
  • "); + tmp = res.number_1 / res.number_2; + $("#ul").append("
  • " + res.number_1 + " / " + res.number_2 + " = " + "" + "
  • "); break; case "*": - $("#ul").append("
  • " + res.number_1 + " * " + res.number_2 + " = " + (res.number_1 * res.number_2) + "
  • "); + tmp = res.number_1 * res.number_2; + $("#ul").append("
  • " + res.number_1 + " * " + res.number_2 + " = " + "" + "
  • "); 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 @@ - Document + 四则运算生成器 - + + +