|
|
|
|
|
$(document).ready(function () {
|
|
|
var results = Array();
|
|
|
var ctime;
|
|
|
var flag_again = false;
|
|
|
var flag_create = false;
|
|
|
var score = 0;
|
|
|
var usetime = 0;
|
|
|
var flag_input = false;
|
|
|
var language = 1;
|
|
|
var module = 0;
|
|
|
var lanconfig = {
|
|
|
"title": ['四则运算生成器', 'Four Operation Generators'],
|
|
|
"module": ['--请选择模式--', '--Module--'],
|
|
|
"create": ['生成题目', 'Generate'],
|
|
|
"exchange": ['English', '简体中文'],
|
|
|
"show": ["查看答案", "Answers"],
|
|
|
"check": ["提交答案", "Submit"],
|
|
|
"cleanall": ['清空题目', 'Clean All']
|
|
|
}
|
|
|
var btn = $("#time");
|
|
|
$("#module").change(function (e) {
|
|
|
e.preventDefault();
|
|
|
module = $(this).val();
|
|
|
console.log("module" + module);
|
|
|
});
|
|
|
$("#create").click(function (e) {
|
|
|
e.preventDefault();
|
|
|
if (!flag_again) {
|
|
|
flag_again = true;
|
|
|
console.log(flag_again);
|
|
|
if (language == 1 && confirm("答题须知：除法的商请以分数形式输入！示例：1 ÷ 2 = 1/2！")) {
|
|
|
$("#show").hide();
|
|
|
if (module) {
|
|
|
if (parseFloat(btn.text()) == 0 || btn.text() == "") {
|
|
|
results = [];
|
|
|
score = 0;
|
|
|
usetime = 0;
|
|
|
begin();
|
|
|
} else {
|
|
|
return;
|
|
|
}
|
|
|
} else {
|
|
|
if (language != -1) {
|
|
|
alert("请先选择出题模式。");
|
|
|
} else {
|
|
|
alert("Please Choose Module First!");
|
|
|
}
|
|
|
}
|
|
|
} else if (language == -1 && confirm("Answer note: Please enter the quotient of division as a fraction! Such as: 1 ÷ 2 = 1/2！")) {
|
|
|
|
|
|
$("#show").hide();
|
|
|
if (module) {
|
|
|
if (parseFloat(btn.text()) == 0 || btn.text() == "") {
|
|
|
results = [];
|
|
|
score = 0;
|
|
|
usetime = 0;
|
|
|
begin();
|
|
|
} else {
|
|
|
return;
|
|
|
}
|
|
|
} else {
|
|
|
if (language != -1) {
|
|
|
alert("请先选择出题模式。");
|
|
|
} else {
|
|
|
alert("Please Choose Module First!");
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
} else {
|
|
|
$("#show").hide();
|
|
|
if (module) {
|
|
|
if (parseFloat(btn.text()) == 0 || btn.text() == "") {
|
|
|
results = [];
|
|
|
score = 0;
|
|
|
usetime = 0;
|
|
|
begin();
|
|
|
} else {
|
|
|
return;
|
|
|
}
|
|
|
} else {
|
|
|
if (language != -1) {
|
|
|
alert("请先选择出题模式。");
|
|
|
} else {
|
|
|
alert("Please Choose Module First!");
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//console.log(results);
|
|
|
});
|
|
|
$("#exchange").change(function (e) {
|
|
|
e.preventDefault();
|
|
|
language = language * (-1);
|
|
|
var index = $(this).val();
|
|
|
$(".btnn").each(function () {
|
|
|
var _this = $(this);
|
|
|
_this.html(lanconfig[_this.data("name")][index]);
|
|
|
})
|
|
|
if (flag_input && language == 1) {
|
|
|
$("#info").text("用时：" + usetime + "s 得分：" + score);
|
|
|
$("#info").show();
|
|
|
} else if (flag_input && language == -1) {
|
|
|
$("#info").text("Use Time：" + usetime + "s Score：" + score);
|
|
|
$("#info").show();
|
|
|
} else {
|
|
|
$("#info").hide();
|
|
|
}
|
|
|
if (flag_input) {
|
|
|
check();
|
|
|
}
|
|
|
if (language == -1) {
|
|
|
$("#module_default").text("--Module--");
|
|
|
$("h1").text(lanconfig['title'][index]);
|
|
|
} else {
|
|
|
$("#module_default").text("--请选择模式--");
|
|
|
$("h1").text(lanconfig['title'][index]);
|
|
|
}
|
|
|
});
|
|
|
$("#check").click(function (e) {
|
|
|
e.preventDefault();
|
|
|
if (language != -1) {
|
|
|
if (confirm("确认提交？(提交后不可修改！！！)")) {
|
|
|
stopct();
|
|
|
flag_input = true;
|
|
|
check();
|
|
|
$("#show").show();
|
|
|
$(".result").attr("disabled", 'disabled');
|
|
|
$("#check").attr("disabled", 'disabled');
|
|
|
} else {
|
|
|
return;
|
|
|
}
|
|
|
} else {
|
|
|
if (confirm("Do you confirm submission?(Answers cannot be modified after submission!!!)")) {
|
|
|
stopct();
|
|
|
flag_input = true;
|
|
|
check();
|
|
|
$("#show").show();
|
|
|
$(".result").attr("disabled", 'disabled');
|
|
|
$("#check").attr("disabled", 'disabled');
|
|
|
} else {
|
|
|
return;
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
$("#show").click(function (e) {
|
|
|
console.log("click");
|
|
|
e.preventDefault();
|
|
|
var inputs = $("input[class='result']");
|
|
|
var notice = $("span[class='notice']");
|
|
|
for (let i = 0; i < results.length; i++) {
|
|
|
if (notice.eq(i).data('right') == '0') {
|
|
|
inputs.eq(i).attr("type", "text");
|
|
|
inputs.eq(i).val(results[i]);
|
|
|
inputs.eq(i).css('color', 'red');
|
|
|
}
|
|
|
|
|
|
}
|
|
|
$(".notice").hide();
|
|
|
stopct();
|
|
|
$("#check").attr("disabled", 'disabled');
|
|
|
$(".result").attr("disabled", 'disabled');
|
|
|
});
|
|
|
$("#stop").click(function (e) {
|
|
|
e.preventDefault();
|
|
|
console.log(ctime);
|
|
|
stopct();
|
|
|
});
|
|
|
$("#cleanall").click(function (e) {
|
|
|
e.preventDefault();
|
|
|
if (flag_create) {
|
|
|
$("#ul").slideToggle("slow");
|
|
|
$("#ul").find("li").remove();
|
|
|
resetct();
|
|
|
$("#info").hide();
|
|
|
$("#check").hide();
|
|
|
flag_create = false;
|
|
|
$("#cleanall").hide();
|
|
|
$("#show").hide();
|
|
|
} else {
|
|
|
resetct();
|
|
|
$("#info").hide();
|
|
|
$("#check").hide();
|
|
|
flag_create = false;
|
|
|
$("#cleanall").hide();
|
|
|
$("#show").hide();
|
|
|
}
|
|
|
});
|
|
|
function begin() {
|
|
|
$.ajax({
|
|
|
type: "get",
|
|
|
url: "/begin",
|
|
|
data: "begin=" + module,
|
|
|
success: function (res) {
|
|
|
let counts = Object.keys(res).length;
|
|
|
|
|
|
for (let i = 0; i < counts; i++) {
|
|
|
$("#ul").append("<li><span class='detials'>" + res[i].formula + " = " + "</span><input class='result' type='text'>" + "<span class='notice'></span></li>");
|
|
|
var tmp = res[i].result;
|
|
|
var reg = /\s+/g;
|
|
|
//console.log(typeof tmp + " " + tmp);
|
|
|
if (typeof tmp == "string") {
|
|
|
tmp = tmp.replace(reg, "");
|
|
|
}
|
|
|
//results.push(res[i].result);
|
|
|
results.push(tmp);
|
|
|
}
|
|
|
$("#ul").slideToggle("slow");
|
|
|
|
|
|
$("#cleanall").show();
|
|
|
count_time();
|
|
|
flag_create = true;
|
|
|
|
|
|
$("#check").removeAttr("disabled", 'disabled');
|
|
|
$("#check").show();
|
|
|
}
|
|
|
}).fail(function () {
|
|
|
begin();
|
|
|
});
|
|
|
}
|
|
|
function count_time(time) {
|
|
|
if (time != undefined) {
|
|
|
var len = time;
|
|
|
} else {
|
|
|
var len = 300;
|
|
|
}
|
|
|
btn = $("#time");
|
|
|
btn.text(len + 's');
|
|
|
ctime = setInterval(function () {
|
|
|
usetime = 300 - (parseFloat(btn.text()) - 1);
|
|
|
btn.text(parseFloat(btn.text()) - 1 + 's');
|
|
|
if (parseFloat(btn.text()) == 0) {
|
|
|
stopct();
|
|
|
flag_input = true;
|
|
|
check();
|
|
|
$("#show").show();
|
|
|
$(".result").attr("disabled", 'disabled');
|
|
|
$("#check").attr("disabled", 'disabled');
|
|
|
}
|
|
|
}, 1000);
|
|
|
}
|
|
|
function check() {
|
|
|
var inputs = $("input[class='result']");
|
|
|
var notices = $("span[class='notice']");
|
|
|
if (flag_input) {
|
|
|
for (let i = 0; i < results.length; i++) {
|
|
|
console.log(inputs.eq(i).val());
|
|
|
if (inputs.eq(i).val() != "" && inputs.eq(i).val() == results[i]) {
|
|
|
if (language != -1) {
|
|
|
notices.eq(i).text("结果正确!");
|
|
|
} else {
|
|
|
notices.eq(i).text("Correct!");
|
|
|
}
|
|
|
notices.eq(i).attr("data-right", "1");
|
|
|
notices.eq(i).css('color', 'green');
|
|
|
notices.eq(i).show();
|
|
|
score++;
|
|
|
} else {
|
|
|
if (language != -1) {
|
|
|
notices.eq(i).text("结果错误!");
|
|
|
} else {
|
|
|
notices.eq(i).text("Wrong!!");
|
|
|
}
|
|
|
notices.eq(i).attr("data-right", "0");
|
|
|
notices.eq(i).css('color', 'red');
|
|
|
notices.eq(i).show();
|
|
|
}
|
|
|
}
|
|
|
if (language == 1) {
|
|
|
$("#info").text("用时：" + usetime + "s 得分：" + score);
|
|
|
$("#info").show();
|
|
|
} else {
|
|
|
$("#info").text("Use Time：" + usetime + "s Score：" + score);
|
|
|
$("#info").show();
|
|
|
}
|
|
|
} else {
|
|
|
if (language == 1) {
|
|
|
$("#info").text("用时：" + usetime + "s 得分：0");
|
|
|
$("#info").show();
|
|
|
} else {
|
|
|
$("#info").text("Use Time：" + usetime + "s Score：0");
|
|
|
$("#info").show();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
function stopct() {
|
|
|
clearInterval(ctime);
|
|
|
}
|
|
|
function resetct() {
|
|
|
stopct();
|
|
|
btn.text("0s");
|
|
|
}
|
|
|
});
|
