[英]Random numbers array in html
我正在尝试使用JavaScript,并且想显示存储在html数组中的生成的随机数字符串。
我目前只能使用.toString()在底部显示一个值
我想要的是每次按下生成时将新值添加到数组中,并将完整数组打印为下面的列表。
<!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中玩代码
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.