设为首页收藏本站
开启辅助访问 切换到宽版

源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
搜索
返回列表 发新帖回复
查看: 366|回复: 17

[JSP编程] js实现随机的四则运算题目效果

[复制链接]
ttx9n

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2016-10-24 08:43:08 | 显示全部楼层 |阅读模式
本文主要介绍了js实现随机的四则运算题目效果，可以随机的进行加减乘除的运算，有兴趣的同学可以了解一下。

本文主要介绍了随机的四则运算题目，这样就可以自动的生成随机的30个四则运算题目了。可以生成随机的四则运算题目给给小学生用，但是还是有问题，小学生啊！他们不知道负数，不知道小数。所以还要加入判定条件。具体代码如下：

switch(Arr[n]){
    case "+":{
    sum=a+b;
    break;
    }
    case "-":{
    sum=a-b;
    while(sum<0){
     var a = GetRandomNum(1,30);
     var b = GetRandomNum(1,30);
     sum=a-b;
    }
    break;
    }
    case "*":{
    sum=a*b;
    break;
    }
    case "/":{
    sum=a/b;
    while(hasDot(sum)){
      var a = GetRandomNum(1,100);
      var b = GetRandomNum(1,100);
      sum=a/b;
     }
    break;
    }

这样负数和小数都没有了。

 不过，小学生貌似会分数的运算。于是我又开始试试写分数的。
 

<body> 
<button class="btn btn-success btn-sm" type='button' onclick="pl_f()">开始生成题目</button>
 <span id="text_f"></span>
 <script>
 function GetRandomNum(Min,Max)
 { 
  var Range = Max - Min; 
  var Rand = Math.random(); 
  return(Min + Math.round(Rand * Range)); 
 }
 function max_num(x,y) {
  var t;
  while (y) {
   t = x%y;
   x = y;
   y = t;
  }
  return x;
 }
 function fenshu(a,b,p) {
  if (p==1) {
   if (a>b) {
    return a+"/"+b;
   }else if(a<b){
    return a+"/"+b;
   }else {
    return 1;
   }
  }else {
   var x=a/p;
   var y=b/p;
   if(y==1){
    return x;
   }else{
    return x+"/"+y;
   }
  }
 } 
 function pl_f() {
  var son_a = GetRandomNum(1,30); 
  var par_b = GetRandomNum(1,30);
  var son_c = GetRandomNum(1,30); 
  var par_d = GetRandomNum(1,30); 
  var X=son_a+"/"+par_b;
  var Y=son_c+"/"+par_d;
  document.write("第一个分数："+X+"<br>");
  document.write("第二个分数"+Y+"<br>");
  max_x=max_num(son_a,par_b);
  max_y=max_num(son_c,par_d);
  document.write("第一个最大公约数"+max_x+"<br>");
  document.write("第二个最大公约数"+max_y+"<br>");
  var N=fenshu(son_a,par_b,max_x);
  var M=fenshu(son_c,par_d,max_y);
  document.write("第一个分数化简："+N+"<br>");
  document.write("第二个分数化简"+M);
 }
 </script>
 </body>

 这个可以动态的生成两个分数，然后输出这个分数分子和分母的最大公约数。最后输出分子的最简式。

最后就是将分数放入整数一起了!

<!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>
 <title> new document </title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="generator" content="editplus" />
 <meta name="author" content="" />
 <meta name="keywords" content="" />
 <meta name="description" content="" />
 </head>

 <body>
 <button type='button' onclick="play_all()">开始生成题目</button>
 <span id="text"></span>
 </body>
 <script>
 function GetRandomNum(Min,Max)
 { 
  var Range = Max - Min; 
  var Rand = Math.random(); 
  return(Min + Math.round(Rand * Range)); 
 }
 function max_num(x,y) {
  var t;
  while (y) {
   t = x%y;
   x = y;
   y = t;
  }
  return x;
 }
 function fenshu(a,b,p) {
  if (p==1) {
   if (a>b) {
    return a+"/"+b;
   }else if(a<b){
    return a+"/"+b;
   }else {
    return 1;
   }
  }else {
   var x=a/p;
   var y=b/p;
   if(y==1){
    return x;
   }else{
    return x+"/"+y;
   }
  }
 }
 function f_count(a,b,c,d) {
   var Arr = ["+","-","*","/"]; 
   var n = GetRandomNum(0,3);
   switch(Arr[n]){
    case "+":{
    var sum_x=(a*d)+(b*c);
    var sum_y=b*d;
    max_x=max_num(sum_x,sum_y);
    max_y=max_num(sum_x,sum_y);
    var N=fenshu(sum_x,sum_y,max_x);
    return a+"/"+b+"+"+c+"/"+d+"="+N;
    break;
    }
    case "-":{
    var sum_x=(a*d)-(b*c);
     while (sum_x<0) {
      var a = GetRandomNum(1,30); 
      var b = GetRandomNum(1,30);
      var c = GetRandomNum(1,30); 
      var d = GetRandomNum(1,30);
      var sum_x=(a*d)-(b*c);
     }
    var sum_y=b*d;
    max_x=max_num(sum_x,sum_y);
    max_y=max_num(sum_x,sum_y);
    var N=fenshu(sum_x,sum_y,max_x);
    return a+"/"+b+"-"+c+"/"+d+"="+N;
    break;
    }
    case "*":{
    var sum_x=a*c;
    var sum_y=b*d;
    max_x=max_num(sum_x,sum_y);
    max_y=max_num(sum_x,sum_y);
    var N=fenshu(sum_x,sum_y,max_x);
    return a+"/"+b+"*"+c+"/"+d+"="+N;
    break;
    }
    case "/":{
    var sum_x=a*d;
    var sum_y=b*c;
    max_x=max_num(sum_x,sum_y);
    max_y=max_num(sum_x,sum_y);
    var N=fenshu(sum_x,sum_y,max_x);
    return a+"/"+b+"÷"+c+"/"+d+"="+N;
    break;
    }
   }
 }
 function count(a,b){
   var Arr = ["+","-","*","/"]; 
   var n = GetRandomNum(0,3);
   switch(Arr[n]){
    case "+":{
    var sum=a+b;
    return a+"+"+b+"="+sum;
    break;
    }
    case "-":{
    var sum=a-b;
    while(sum<0){
     var a = GetRandomNum(1,30);
     var b = GetRandomNum(1,30);
     var sum=a-b;
    }
    return a+"-"+b+"="+sum;
    break;
    }
    case "*":{
    var sum=a*b;
    return a+"*"+b+"="+sum;
    break;
    }
    case "/":{
    var sum=a/b;
    while(a%b!==0){
     var max_x=max_num(a,b);
     var N=fenshu(a,b,max_x);
     return a+"÷"+b+"="+N;
    }
    return a+"÷"+b+"="+sum;
    break;
    }
   }
 }
 function pl_f() {
  var son_a = GetRandomNum(1,30); 
  var par_b = GetRandomNum(1,30);
  var son_c = GetRandomNum(1,30); 
  var par_d = GetRandomNum(1,30);
  var suma=f_count(son_a,par_b,son_c,par_d);
  return suma;
 }
 function pl() {
   var a = GetRandomNum(1,30); 
   var b = GetRandomNum(1,30);
   var sumb=count(a,b);
   return sumb;
 }
 function play_all() {
   for (i = 1; i <=30; i++) {
    var a = GetRandomNum(0,1);
    document.getElementById("text").innerHTML+=("<br>"+"第"+i+"题：");
    switch (a) {
     case 0:
      var A=pl();
      document.getElementById("text").innerHTML+=(A);
      break;
     case 1:
      var B=pl_f();
      document.getElementById("text").innerHTML+=(B);
      break;
    }
   }
 }
 </script>
</html>

执行完节目就成这样的啦

最后上个答案和题目分开的版本！

<!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>
 <title> new document </title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta name="generator" content="editplus" />
 <meta name="author" content="" />
 <meta name="keywords" content="" />
 <meta name="description" content="" />
 </head>

 <body>
 <button type='button' onclick="play_all()">开始生成题目</button>
 <span id="text"></span>
 <span id="text2"></span>
 </body>
 <script>
 function GetRandomNum(Min,Max)
 { 
  var Range = Max - Min; 
  var Rand = Math.random(); 
  return(Min + Math.round(Rand * Range)); 
 }
 function max_num(x,y) {
  var t;
  while (y) {
   t = x%y;
   x = y;
   y = t;
  }
  return x;
 }
 function fenshu(a,b,p) {
  if (p==1) {
   if (a>b) {
    return a+"/"+b;
   }else if(a<b){
    return a+"/"+b;
   }else {
    return 1;
   }
  }else {
   var x=a/p;
   var y=b/p;
   if(y==1){
    return x;
   }else{
    return x+"/"+y;
   }
  }
 }
 function f_count(a,b,c,d) {
   var Arr = ["+","-","*","/"]; 
   var n = GetRandomNum(0,3);
   switch(Arr[n]){
    case "+":{
    var sum_x=(a*d)+(b*c);
    var sum_y=b*d;
    max_x=max_num(sum_x,sum_y);
    max_y=max_num(sum_x,sum_y);
    var N=fenshu(sum_x,sum_y,max_x);
    return a+"/"+b+"+"+c+"/"+d+"="+N;
    break;
    }
    case "-":{
    var sum_x=(a*d)-(b*c);
     while (sum_x<0) {
      var a = GetRandomNum(1,30); 
      var b = GetRandomNum(1,30);
      var c = GetRandomNum(1,30); 
      var d = GetRandomNum(1,30);
      var sum_x=(a*d)-(b*c);
     }
    var sum_y=b*d;
    max_x=max_num(sum_x,sum_y);
    max_y=max_num(sum_x,sum_y);
    var N=fenshu(sum_x,sum_y,max_x);
    return a+"/"+b+"-"+c+"/"+d+"="+N;
    break;
    }
    case "*":{
    var sum_x=a*c;
    var sum_y=b*d;
    max_x=max_num(sum_x,sum_y);
    max_y=max_num(sum_x,sum_y);
    var N=fenshu(sum_x,sum_y,max_x);
    return a+"/"+b+"*"+c+"/"+d+"="+N;
    break;
    }
    case "/":{
    var sum_x=a*d;
    var sum_y=b*c;
    max_x=max_num(sum_x,sum_y);
    max_y=max_num(sum_x,sum_y);
    var N=fenshu(sum_x,sum_y,max_x);
    return a+"/"+b+"÷"+c+"/"+d+"="+N;
    break;
    }
   }
 }
 function count(a,b){
   var Arr = ["+","-","*","/"]; 
   var n = GetRandomNum(0,3);
   switch(Arr[n]){
    case "+":{
    var sum=a+b;
    return a+"+"+b+"="+sum;
    break;
    }
    case "-":{
    var sum=a-b;
    while(sum<0){
     var a = GetRandomNum(1,30);
     var b = GetRandomNum(1,30);
     var sum=a-b;
    }
    return a+"-"+b+"="+sum;
    break;
    }
    case "*":{
    var sum=a*b;
    return a+"*"+b+"="+sum;
    break;
    }
    case "/":{
    var sum=a/b;
    while(a%b!==0){
     var max_x=max_num(a,b);
     var N=fenshu(a,b,max_x);
     return a+"÷"+b+"="+N;
    }
    return a+"÷"+b+"="+sum;
    break;
    }
   }
 }
 function pl_f() {
  var son_a = GetRandomNum(1,30); 
  var par_b = GetRandomNum(1,30);
  var son_c = GetRandomNum(1,30); 
  var par_d = GetRandomNum(1,30);
  var suma=f_count(son_a,par_b,son_c,par_d);
  return suma;
 }
 function pl() {
   var a = GetRandomNum(1,30); 
   var b = GetRandomNum(1,30);
   var sumb=count(a,b);
   return sumb;
 }
 function play_all() {
   for (i = 1; i <=30; i++) {
    var a = GetRandomNum(0,1);
    document.getElementById("text").innerHTML+=("<br>"+"第"+i+"题：");
    switch (a) {
     case 0:
      var A=pl();
      var strs = A.split("=");
      document.getElementById("text").innerHTML+=(strs[0]+"="+"<br>");
      document.getElementById("text2").innerHTML+=("<br>"+"第"+i+"题答案："+strs[1]);
      break;
     case 1:
      var B=pl_f();
      var strs = B.split("=");
      document.getElementById("text").innerHTML+=(strs[0]+"="+"<br>");
      document.getElementById("text2").innerHTML+=("<br>"+"第"+i+"题答案："+strs[1]);
      break;
    }
   }
 }
 </script>
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

运算, 题目, 随机

相关帖子
回复

使用道具 举报

dm00ji1s

1

主题

2万

回帖

319

积分

中级会员

Rank: 3Rank: 3

积分
319
发表于 2022-11-27 20:02:13 | 显示全部楼层
抽根烟，下来看看再说
回复 支持 反对

使用道具 举报

q215357618

3

主题

2万

回帖

172

积分

注册会员

Rank: 2

积分
172
发表于 2023-5-16 17:47:40 | 显示全部楼层
2222222222222222
回复 支持 反对

使用道具 举报

lba36h7g

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-9-11 15:50:15 | 显示全部楼层
了乐趣了去了去了去了去了
回复 支持 反对

使用道具 举报

btbhs8t

6

主题

2万

回帖

425

积分

中级会员

Rank: 3Rank: 3

积分
425
发表于 2024-2-26 11:19:01 | 显示全部楼层
dfdsafdsfdsfdsf
回复 支持 反对

使用道具 举报

e5plu

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-4-12 08:06:14 | 显示全部楼层
啦啦啦啦啦啦啦啦！
回复 支持 反对

使用道具 举报

a75620618

0

主题

2万

回帖

55

积分

注册会员

Rank: 2

积分
55
发表于 2024-5-3 20:15:40 | 显示全部楼层
天天源码社区。。。。
回复 支持 反对

使用道具 举报

溪谷小兵

5

主题

2万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2024-5-17 16:19:19 | 显示全部楼层
很不错的玩意
回复 支持 反对

使用道具 举报

7jbiiz

3

主题

2万

回帖

301

积分

中级会员

Rank: 3Rank: 3

积分
301
发表于 2024-5-25 11:20:38 | 显示全部楼层
的谁vdvdsvdsvdsdsv
回复 支持 反对

使用道具 举报

qq303604905

1

主题

2万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2024-9-11 10:42:04 | 显示全部楼层
很不错的玩意
回复 支持 反对

使用道具 举报

返回列表 发新帖 回复
高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-23 18:20 , Processed in 0.077711 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表