首页web前端随机生成两个两位数，并按照从小到大的顺序输出

web前端随机生成两个两位数，并按照从小到大的顺序输出

时间: 2024-10-17 18:12:15 浏览: 52

在Web前端生成两个随机的两位数并按顺序输出，通常会涉及JavaScript编程。你可以使用`Math.random()`函数配合一些数学计算来生成随机整数，然后将它们添加到HTML元素中显示出来。以下是一个简单的示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>随机数字</title> </head> <body> <div id="numbers"></div> <script> function generateRandomNumber() { return Math.floor(Math.random() * 90) + 10; // 随机两位数，范围从10到99 } function displayNumbers() { let num1 = generateRandomNumber(); let num2 = generateRandomNumber(); // 按照从小到大排序 [num1, num2] = [num1 < num2 ? num1 : num2, num1 > num2 ? num1 : num2]; document.getElementById("numbers").innerText = `数字1: ${num1}, 数字2: ${num2}`; } // 初始加载页面时生成并显示 displayNumbers(); </script> </body> </html> ``` 这个例子中，我们首先定义了两个函数：`generateRandomNumber()`用于生成随机数，`displayNumbers()`负责生成并显示这两个数字。然后在`displayNumbers`中，我们将两个随机数放入数组并利用数组的解构赋值以及三元运算符进行排序。最后，我们在页面上展示这两个排序后的数字。

阅读全文