js实现随机的四则运算题目效果

本文主要介绍了随机的四则运算题目，这样就可以自动的生成随机的30个四则运算题目了。可以生成随机的四则运算题目给给小学生用，但是还是有问题，小学生啊！他们不知道负数，不知道小数。所以还要加入判定条件。具体代码如下： switch(Arr[n]){ case +:{ sum=a+b; break; } case -:{ sum=a-b; while(sum&lt;0){ var a = GetRandomNum(1,30); var b = GetRandomNum(1,30); sum=a-b; 在本文中，我们将探讨如何使用JavaScript（JS）来实现一个随机生成四则运算题目的功能，特别关注如何适应小学生的数学水平，避免涉及负数和小数。我们需要一个函数来生成1到30之间的随机整数，这可以通过`GetRandomNum`函数实现： ```javascript function GetRandomNum(Min, Max) { var Range = Max - Min; var Rand = Math.random(); return (Min + Math.round(Rand * Range)); } ``` 接下来，我们需要创建一个switch语句来处理四种基本运算：加法、减法、乘法和除法，并确保结果符合小学生的认知范围： ```javascript function generateOperation(Arr, n, a, b) { switch (Arr[n]) { case "+": return a + b; case "-": let sum = a - b; while (sum < 0) { a = GetRandomNum(1, 30); b = GetRandomNum(1, 30); sum = a - b; } return sum; case "*": return a * b; case "/": let hasDot = function (num) { return num.toString().includes(".") }; while (hasDot(a / b)) { a = GetRandomNum(1, 100); b = GetRandomNum(1, 100); } return a / b; } } ``` 这里，我们使用了一个`while`循环来确保减法的结果不小于0，以及除法的结果不包含小数。此外，我们还定义了一个辅助函数`hasDot`来检查一个数是否包含小数点。 考虑到小学生可能已经学习了分数的运算，我们可以进一步扩展这个功能，生成两个分数并计算它们的最大公约数（Greatest Common Divisor, GCD），以及它们的最简形式。为此，我们需要两个额外的函数： ```javascript function max_num(x, y) { while (y) { let t = x % y; x = y; y = t; } return x; } function fenshu(a, b, p) { if (p === 1) { return a > b ? a + "/" + b : a + "/" + b; } else { let x = a / p; let y = b / p; if (y == 1) { return x; } else { return x + "/" + y; } } } ``` `max_num`函数使用欧几里得算法找到两个数的最大公约数。`fenshu`函数则用于处理分数的化简，根据最大公约数将分数约简至最简形式。 我们可以将这些功能整合到一个按钮点击事件中，生成并显示分数和运算题目： ```html <button class="btn btn-success btn-sm" type='button' onclick="generateAndDisplay()">开始生成题目</button> <div id="output"></div> <script> function generateAndDisplay() { let son_a = GetRandomNum(1, 30); let par_b = GetRandomNum(1, 30); let son_c = GetRandomNum(1, 30); let par_d = GetRandomNum(1, 30); let max_x = max_num(son_a, par_b); let max_y = max_num(son_c, par_d); let N = fenshu(son_a, par_b, max_x); let M = fenshu(son_c, par_d, max_y); document.getElementById("output").innerHTML = ` 第一个分数：${son_a}/${par_b} 第二个分数：${son_c}/${par_d} 第一个最大公约数：${max_x} 第二个最大公约数：${max_y} 第一个分数化简：${N} 第二个分数化简：${M} `; } </script> ``` 通过这个完整的过程，我们就实现了一个为小学生设计的随机四则运算及分数运算题目生成器。用户只需点击按钮，就能在页面上看到生成的题目，包括两个分数、它们的最大公约数以及化简后的结果。这个功能可以轻松地嵌入到任何网页中，为教育者或家长提供了一种便捷的方式，帮助孩子们练习数学运算。