首页记录下生成的随机数并显示：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function displayDate(){ document.getElementById("demo").innerHTML=Math.floor(Math.random() * 10) + 1; ; } </script> </head> <body> <h1>我的第一个 JavaScript 程序</h1> <p id="demo">显示一个随机数</p> <button type="button" onclick="displayDate()">随机数</button> </body> </html>

记录下生成的随机数并显示：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function displayDate(){ document.getElementById("demo").innerHTML=Math.floor(Math.random() * 10) + 1; ; } </script> </head> <body> <h1>我的第一个 JavaScript 程序</h1> <p id="demo">显示一个随机数</p> <button type="button" onclick="displayDate()">随机数</button> </body> </html>

时间: 2023-10-31 16:05:32 浏览: 141

这段代码已经实现了生成随机数并显示的功能。当点击“随机数”按钮时，`displayDate()`函数会被调用，该函数会生成一个1到10之间的随机数，然后将其赋值给`<p>`元素的`innerHTML`属性，从而实现随机数的显示。如果需要记录生成的随机数，可以在代码中添加一个全局变量，每次生成随机数时将其存入该变量中，然后再将该变量中的随机数显示出来。例如： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>随机数生成器</title> <script> var randomNums = []; // 保存生成的随机数 function displayRandomNum() { var randomNum = Math.floor(Math.random() * 10) + 1; // 生成随机数 randomNums.push(randomNum); // 存入数组 document.getElementById("demo").innerHTML = randomNum; // 显示随机数 } function displayAllRandomNums() { document.getElementById("allRandomNums").innerHTML = randomNums.join(', '); // 将数组中的随机数以逗号隔开显示出来 } </script> </head> <body> <h1>随机数生成器</h1> <p> 随机数：<span id="demo">点击“生成随机数”按钮生成一个随机数</span> </p> <button type="button" onclick="displayRandomNum()">生成随机数</button> <button type="button" onclick="displayAllRandomNums()">显示所有随机数</button> <p> 所有随机数：<span id="allRandomNums">还没有生成随机数</span> </p> </body> </html> ``` 这段代码中定义了一个全局变量`randomNums`，用于保存生成的随机数。当点击“生成随机数”按钮时，会生成一个随机数并存入`randomNums`数组中，然后将该随机数显示在页面上。当点击“显示所有随机数”按钮时，会将数组中的所有随机数以逗号隔开显示在页面上。

阅读全文