求助:如何让HTML按钮点击时执行JavaScript随机数生成脚本
问题分析与解决方法
你的代码存在几个关键问题:
- JavaScript函数
randomNum定义了多余的参数,且内部重新声明了同名变量,属于冗余代码;同时你在调用时没有执行函数(缺少()),直接引用函数本身会导致alert显示函数代码而非返回值。 - HTML按钮的
onclick事件中,你没有调用函数获取随机数,而是直接传入了函数对象,所以触发时只会显示函数的源码而非生成的随机数。
修正后的代码:
HTML代码:
<!DOCTYPE html> <html> <head> <h2>Random number Generator</h2> </head> <body> <script src="Script.js"></script> <button type="button" onclick="alert(randomNum())"> Generate! </button> </body> </html>
JavaScript代码:
function randomNum() { // 生成0-999的随机整数 let oneToHundred = Math.random() * 1000; let result = Math.floor(oneToHundred); return result; }; // 如果需要页面加载时就弹窗显示随机数,保留下面这行;不需要则删除 alert(randomNum());
关键修正点说明:
- 移除了
randomNum函数中多余的参数,避免变量声明冲突。 - HTML按钮的
onclick改为alert(randomNum()),通过()执行函数获取返回的随机数,再传入alert显示。 - 规范了HTML标签的大小写(
<Head>改为<head>),符合HTML语法规范。
内容的提问来源于stack exchange,提问作者7addva
相关产品推荐
相关产品推荐

