html中的随机数数组

Random numbers array in html

本文关键字：数组 随机数 html      更新时间：2023-09-26

我正在试验JavaScript，我想显示一个生成的随机数字符串，这些随机数存储在html的数组中。

我目前只能用.toString（）在底部显示一个值

我想要的是，每次按下generate时，都会将新值添加到数组中，并将整个数组打印为下面的列表。

<!DOCTYPE html>
<html>
<body bgcolor="#000000">
    <font size="30" color="orange">Hex Value :-  <strong><p align="center"><font size="80" color="orange"><span id="first"></span></p></strong>
    <p align="center"><button onclick="incremente()">Generate</button></p>
    <font size="3" color="green">Values generated this session:-  <strong><p align="center"><font size="40" color="green"><span id="second"></span></p></strong>
        <script>
            function incremente() {
                var CHARS = new Array();
                rand = Math.floor(Math.random() * (17 - 0)) + 0;
                randy = Math.round(rand);
                $outChar = randy;
                $first = $outChar;
                var place1=document.getElementById('first');
                place1.innerHTML=$first;
                CHARS.push($first);
                $second = CHARS.toString();
                for (i=0;i<CHARS.length;i++)
                {
                    var place2=document.getElementById('second');
                    place2.innerHTML=$second;
                }
            }
        </script>
</body>
</html>

将数组移动到函数上方，使其成为全局数组。

检查代码。

<body bgcolor="#000000">
<font size="30" color="orange">Hex Value :-  <strong><p align="center"><font size="80" color="orange"><span id="first"></span></p></strong>
    <p align="center"><button onclick="incremente()">Generate</button></p>
    <font size="3" color="green">Values generated this session:-  <strong><p align="center"><font size="40" color="green"><span id="second"></span></p></strong>
        <script>
           var CHARS = new Array();//moved above the function such that it becomes global.
            function incremente() {
                rand = Math.floor(Math.random() * (17 - 0)) + 0;
                randy = Math.round(rand);
                $outChar = randy;
                $first = $outChar;
                var place1=document.getElementById('first');
                place1.innerHTML=$first;

                    CHARS.push($first);
                    $second = CHARS.toString();
                for (i=0;i<CHARS.length;i++)
                {
                    var place2=document.getElementById('second');
                    place2.innerHTML=$second;
                }
            }
        </script>
</body>
</html>

点击此处，您可以在js 中玩代码

相关文章：