js设计一个加法练习程序，要求如下 a.操作数输入域不能修改 b.单击“开始”按钮，产生两个100以内的随机数，填充加数和被加数。 c.单击“判题”按钮，判断输入的结果是否正确，如果正确，弹出“恭喜，你答对了！”对话框，否则弹出“很遗憾，你答错了，继续努力！” 对话框

好的，以下是一个实现要求的JavaScript代码： ```HTML <!DOCTYPE html> <html> <head> <title>加法练习程序</title> <meta charset="utf-8"> <script> function generateNumbers() { var num1 = Math.floor(Math.random() * 100); // 产生第一个随机数 var num2 = Math.floor(Math.random() * 100); // 产生第二个随机数 document.getElementById("num1").value = num1; // 填充第一个随机数 document.getElementById("num2").value = num2; // 填充第二个随机数 document.getElementById("result").value = ""; // 清空输入框 } function checkAnswer() { var num1 = parseInt(document.getElementById("num1").value); // 获取第一个加数 var num2 = parseInt(document.getElementById("num2").value); // 获取第二个加数 var result = parseInt(document.getElementById("result").value); // 获取输入的结果 if (isNaN(result)) { // 判断输入的结果是否为数字 alert("请输入一个数字！"); return; } if (result === num1 + num2) { // 判断结果是否正确 alert("恭喜，你答对了！"); } else { alert("很遗憾，你答错了，继续努力！"); } generateNumbers(); // 重新生成新的随机数 } </script> </head> <body> <h1>加法练习程序</h1> <p>请计算下面的加法题目：</p> <form> <input type="text" id="num1" readonly> + <input type="text" id="num2" readonly> = <input type="text" id="result"> <br><br> <button type="button" onclick="generateNumbers()">开始</button> <button type="button" onclick="checkAnswer()">判题</button> </form> </body> </html> ``` 在这个代码中，我们使用了两个JavaScript函数：`generateNumbers()`和`checkAnswer()`。在`generateNumbers()`函数中，我们使用`Math.random()`函数生成两个0到100之间的随机数，并将它们填充到HTML表单中的加数和被加数输入框中。我们还清空了结果输入框中的内容，以便用户重新输入答案。在`checkAnswer()`函数中，我们首先获取用户输入的加数、被加数和计算结果，并将它们转换为数字。我们使用`isNaN()`函数检查输入的结果是否为数字，如果不是数字则弹出一个警告框。然后我们计算正确的答案，检查输入的结果是否与正确答案相等。如果答案正确，我们弹出一个恭喜对话框，否则弹出一个遗憾对话框。最后，我们调用`generateNumbers()`函数重新生成新的随机数。希望这个代码对你有用！

阅读全文

CSDN会员

开通CSDN年卡参与万元壕礼抽奖

海量 VIP免费资源千本正版电子书商城会员专享价千门课程&专栏

全年可省5,000元立即开通