You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求助:如何让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());

关键修正点说明:

  1. 移除了randomNum函数中多余的参数,避免变量声明冲突。
  2. HTML按钮的onclick改为alert(randomNum()),通过()执行函数获取返回的随机数,再传入alert显示。
  3. 规范了HTML标签的大小写(<Head>改为<head>),符合HTML语法规范。

内容的提问来源于stack exchange,提问作者7addva

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 08:30:24