Spaces:
Sleeping
Sleeping
| <!-- /* | |
| * @Author: Chauncey Yuan | |
| * @Date: 2019-08-01 18:25:30 | |
| * @Last Modified by: Chauncey Yuan | |
| * @Last Modified time: 2019-08-03 08:24:27 | |
| */ --> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>Document</title> | |
| <script src="js/axios.min.js"></script> | |
| <script src="js/main.js"></script> | |
| <link rel="stylesheet" type="text/css" href="css/style.css"> | |
| </head> | |
| <body> | |
| <div class="cal_game"> | |
| <table> | |
| <tr> | |
| <td id="output" colspan="3"></td> | |
| </tr> | |
| <tr> | |
| <th>题目</th> | |
| <td id="eq" colspan="2"></td> | |
| </tr> | |
| <tr> | |
| <th>答案</th> | |
| <td colspan="2"><input type="text" name="" id="input" placeholder="请输入结果："></td> | |
| </tr> | |
| <tr> | |
| <th>正误</th> | |
| <td id="result" colspan="2"></td> | |
| </tr> | |
| <tr> | |
| <th>得分</th> | |
| <td id="score" colspan="2"></td> | |
| </tr> | |
| <tr> | |
| <td id="accuracy" colspan="3"></td> | |
| </tr> | |
| </table> | |
| </div> | |
| <script> | |
| // 定义题号，使用时+1 | |
| var i = 0; | |
| // 定义计算正确的次数 | |
| var right_times = 0; | |
| // 定义分数 | |
| var score = 0; | |
| // 定义正确率 | |
| var accuracy = 0; | |
| // 定义加减法符号数组，用于后边产生0或1的随机数，来确定加减法 | |
| var sign_operation_list = ["+", "-"]; | |
| // 生成0或者1的随机数，确定加减法 | |
| var sign_operation = Math.floor((Math.random() * (1 - 0 + 1)) + 0); | |
| // 显示题号 | |
| document.getElementById("output").innerHTML = "第 " + (i + 1) + " 题"; | |
| document.onkeydown = function (e) { | |
| if(e.which == "13" && document.getElementById("input").value){ | |
| xun() | |
| } | |
| else{ | |
| document.getElementById("input").focus() | |
| // ttsPlay(eq) | |
| } | |
| } | |
| var sourceList = ['book —— 书','ruler —— 尺子','pencil —— 铅笔','eraser —— 橡皮','pencil case —— 铅笔盒','backpack —— 书包','school —— 学校','eye —— 眼睛','hand —— 手','ear —— 耳朵','mouth —— 嘴','nose —— 鼻子','foot(feet) —— 脚','face —— 脸','leg —— 腿','arm —— 手臂','cat —— 猫','bird —— 鸟','rabbit —— 兔','dog —— 狗','chicken —— 鸡','duck —— 鸭','monkey —— 猴子','tiger —— 虎','panda —— 熊猫','elephant —— 大象','fish —— 鱼','one —— 一','two —— 二','three —— 三','four —— 四','five —— 五','six —— 六','seven —— 七','eight —— 八','nine —— 九','ten —— 十','red —— 红色','yellow —— 黄色','purple —— 紫色','brown —— 棕色','orange —— 橙色','white —— 白色','green —— 绿色','pink —— 粉红色','blue —— 蓝色','black —— 黑色','apple —— 苹果','banana —— 香蕉','peach —— 桃','melon —— 瓜','pear —— 梨','orange —— 橙子','grape —— 葡萄','strawberry —— 草莓','pineapple —— 菠萝','classroom —— 教室','door —— 门','window —— 窗','blackboard —— 黑板','wall —— 墙','desk —— 课桌','chair —— 椅子','boy —— 男孩','girl —— 女孩','in —— 在...里面','on —— 在...上面','under —— 在...下面','behind —— 在...后面','next to —— 下一个','where —— 哪里','room —— 房间','closet —— 关门','telephone —— 电话','computer —— 电脑','TV —— 电视','bed —— 床','picture —— 图片','table —— 桌子','lamp —— 台灯','armchair —— 沙发','toys —— 玩具','plane —— 飞机','boat —— 小船','train —— 火车','ball —— 球','teddy bear —— 泰迪熊','bus —— 公交车','car —— 汽车','doll —— 玩偶','pinwheel —— 纸风车','box —— 箱子','Shapes —— 形状','circle —— 圆形','triangle —— 三角形','rectangle —— 长方形','square —— 正方形','eleven —— 十一','twelve —— 十二','Thirteen —— 十三','fourteen —— 十四','fifteen —— 十五','sixteen —— 十六','seventeen —— 十七','eighteen —— 十八','nineteen —— 十九','twenty —— 二十','clothes —— 衣服','T-shirt —— 丁恤','pants —— 长裤','shorts —— 短裤','jacket —— 夹克','sweater —— 毛衣','skirt —— 短裙','dress —— 连衣裙','shoe —— 鞋','sock —— 袜子','food —— 食物','drink —— 饮料','rice —— 米','noodles —— 面条','jiaozi —— 饺子','tofu —— 豆腐','vegetables —— 蔬菜','meat —— 肉','fish —— 鱼','chicken —— 鸡肉','bread —— 面包','milk —— 牛奶','ice-cream —— 冰激凌','juice —— 果汁','egg —— 鸡蛋','salad —— 色拉','hamburger —— 汉堡包','cake —— 蛋糕'] | |
| var max_num = sourceList.length-1; | |
| var num1 = Math.floor(Math.random() * (max_num - 0 + 1) + 0); | |
| // 抽取汉字，显示给用户看 | |
| var eq = sourceList[num1]; | |
| // 页面中显示题目 | |
| document.getElementById("eq").innerHTML = eq; | |
| eq = eq.replace(' —— ','。') | |
| ttsPlay(eq) | |
| // console.log(eq); | |
| downInit(); | |
| // 定义函数，当按钮按下是执行一次 | |
| function xun() { | |
| // console.log(num1, num2); | |
| // 题号加1 | |
| i++; | |
| // 获取用户输入的结果 | |
| var input = document.getElementById("input").value; | |
| // console.log(input, num1, num2); | |
| // 如果是加法 | |
| if (1===1) { | |
| // 定义真实结果 | |
| var calResult = sourceList[num1]; | |
| calResult = calResult.split(' —— ')[0] | |
| // 如果用户输入的结果和真实结果相同 | |
| if (input == calResult) { | |
| // 分数加10分 | |
| score += 10; | |
| // console.log("正确！"); | |
| // 显示正确信息 | |
| document.getElementById("result").innerHTML = resultImg("正确"); | |
| // 正确的次数加1 | |
| right_times++; | |
| } | |
| // 如果用户输入的结果和真实结果不同 | |
| if (input != calResult) { | |
| // 分数减10分 | |
| score -= 10; | |
| // console.log("错误！"); | |
| // 显示错误信息 | |
| document.getElementById("result").innerHTML = resultImg("错误"); | |
| } | |
| } | |
| // 判断结果后，用户输入框清空 | |
| document.getElementById("input").value = ""; | |
| // 显示分数 | |
| document.getElementById("score").innerHTML = score; | |
| // 显示正确率 | |
| document.getElementById("accuracy").innerHTML = (((right_times / i) * 100).toFixed(2)) + "%"; | |
| if (score >= max_score) { | |
| window.location.href = "game.html"; | |
| } | |
| // 显示题号 | |
| document.getElementById("output").innerHTML = "第 " + (i + 1) + " 题"; | |
| // 如果是减法 | |
| if (1 == 1) { | |
| // 范围为0-max_num | |
| num1 = Math.floor(Math.random() * (max_num - 0 + 1) + 0); | |
| } | |
| // 组成算式，显示给用户看 | |
| eq = sourceList[num1]; | |
| // 页面中显示算式 | |
| document.getElementById("eq").innerHTML = eq; | |
| eq = eq.replace(' —— ','。') | |
| ttsPlay(eq) | |
| // console.log(eq); | |
| } | |
| // function read(txt){ | |
| // url = "https://tsn.baidu.com/text2audio?lan=zh&per=4121&cuid=baidu_speech_demo&idx=1&cod=2&lan=zh&ctp=1&pdt=220&aue=3&pit=5&ie=UTF-8&spd=4&tex="+txt; | |
| // } | |
| </script> | |
| </body> | |
| </html> | |