Javascript 将未定义为函数输出

我制作了js代码，跟踪每个骰子的频率超过60000次。我需要在网页上显示它，但我似乎无法正确地做到这一点

我尝试将outputrea元素设置为一个名为refID的变量，然后将refID的innerText设置为函数output，但这会将一个“未定义”输出到控制台

    <div id="outputArea"></div>
            <script type="text/javascript">
                //declaring workspace variables
            function output()
            {
                let iteration, dice, n;

                //initializing variables
                iteration = 0;
                dice = [0,0,0,0,0,0,0];

                //iterating through 60000 values and logging each item to its corresponding face value
                while (iteration < 60000) {
                    // asign n to a random integer between 1 and 6
                    n = Math.floor((Math.random() * 6) + 1);
                    //increment 1 to each value of n
                    dice[n] += 1;
                    iteration = iteration + 1;
                }

                //display each element from dice
                for (var i = 1; i < dice.length; i++) {
                    console.log(i+  ":" + dice[i]);
                }
            }
            var refID = document.getElementById("outputArea")
            refID.innerHTML = output()
            </script>

//声明工作区变量
函数输出（）
{
让迭代，骰子，n；
//初始化变量
迭代=0；
骰子=[0,0,0,0,0,0,0]；
//迭代60000个值，并将每个项目记录到其对应的面值
而（迭代次数<60000）{
//将n指定为1到6之间的随机整数
n=数学楼层（（数学随机（）*6）+1）；
//n的每个值增加1
骰子[n]+=1；
迭代=迭代+1；
}
//显示骰子中的每个元素
对于（变量i=1；i

---

预期的输出是一个频率列表，但我一直在网页上看到一行“未定义”。

Console.log

不设置函数输出。使用

return

语句设置的，否则未定义。请尝试以下方法：

函数输出（）{
让returnVal，outputString，迭代，骰子，n；
//初始化变量
迭代=0；
骰子=[0,0,0,0,0,0,0,0]；
//迭代60000个值，并将每个项目记录到其对应的面值
而（迭代次数<60000）{
//将n指定为1到6之间的随机整数
n=数学楼层（（数学随机（）*6）+1）；
//n的每个值增加1
骰子[n]+=1；
迭代=迭代+1；
}
//显示骰子中的每个元素
对于（变量i=1；i

你的

output（）

函数不返回任何值。因为

output

没有

return

语句，它总是返回

undefined

。第一个输出仍然未定义，但其余的显示是的。是的，我刚刚更新了代码来修复这个问题。必须检查第一个循环。如果这样做，还需要确保输出是

pre

元素，或者具有我的示例中的样式

空白：pre wrap

。这样，换行符将保留在输出中。