JavaScript 功能异常：掷骰子星星显示表单无输出求助

我帮你找出了代码里的几个关键问题，导致点击Roll按钮没有输出或者结果不符合预期：

主要错误点 #

• Math对象大小写错误：JavaScript里的数学对象是大写的Math，你写的小写math是未定义变量，浏览器会直接报错，函数根本执行不下去。
• 随机数生成逻辑问题：Math.round(6*Math.random())会生成0到6之间的整数（包括0和6），但骰子点数应该是1-6，0的情况会导致循环不执行，输出不符合预期。
• 循环累加逻辑错误：你的循环里每次都把dieDots重置为"* "，而不是在原有基础上累加，所以不管随机数是多少，最后都只会输出一个星号。

修复后的完整代码 #

<html>
<head>
    <title>Roll a die</title>
</head>
<body>
    <form name="dieForm">
        <input type="text" id="die" readonly="true" size="18">
        <input type="button" value="Roll" onclick="Roll()">
    </form>
    <script>
        function Roll(){
            var dieNumber, dieDots, dots;
            dieDots = ""; // 初始化为空字符串，后续逐步累加星号
            // 生成1-6的随机整数，完全符合骰子点数范围
            dieNumber = Math.floor(6 * Math.random()) + 1;
            // 循环累加对应数量的星号
            for(dots = 1; dots <= dieNumber; dots++){
                dieDots += "* ";
            }
            document.getElementById("die").value = dieDots;
        }
    </script>
</body>
</html>

修复细节解释 #

1. 修正Math对象大小写：把所有math改成Math，确保能调用正确的内置数学方法。
2. 优化随机数生成：用Math.floor(6*Math.random())+1，这样得到的是严格1到6的整数，完美匹配骰子的点数规则。
3. 修复循环累加逻辑：
   • 初始dieDots设为空字符串，避免一开始就有多余的星号。
   • 循环从1开始，每次执行时把"* "追加到dieDots末尾，最终星号数量和骰子点数完全一致。
4. 额外优化：把dots=dots+1改成更简洁的dots++，这是JavaScript里常用的自增写法，代码更易读。

现在点击Roll按钮，文本框就会正确显示对应点数的星号啦！

内容的提问来源于stack exchange，提问作者A.F.R.N